input,button,select,textarea
{
	outline: 0
}

textarea
{
	resize: none
}

h1,h2,h3,h4,h5,h6,ul,li
{
	margin: 0;
	padding: 0;
	list-style-type: none
}

img
{
	border: 0;
	vertical-align: middle
}

a
{
	outline: 0;
	color: #00a1d6;
	text-decoration: none;
	cursor: pointer
}

a:hover
{
	color: #f25d8e
}

a:focus
{
	-moz-outline-style: none
}

a img
{
	border: 0
}

address,caption,cite,code,dfn,em,i,th,var
{
	font-style: normal;
	font-weight: normal
}

p,span
{
	margin: 0;
	padding: 0
}

.clearfix:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

#the-IE-tip
{
	background: #00a1d6;
	text-align: center;
	padding: 10px 0;
	color: #fff
}

#the-IE-tip a
{
	display: inline-block;
	color: #fff
}

*.clearfix
{
	zoom: 1
}

.b-icon
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	background: url('../images/icons.png') no-repeat
}

.b-icon.b-icon-p-member,.b-icon.b-icon-p-account,.b-icon.b-icon-p-wallet,.b-icon.b-icon-p-live,.b-icon.b-icon-p-ticket
{
	width: 16px;
	height: 16px
}

.b-icon.b-icon-p-member
{
	background-position: -472px -344px
}

.b-icon.b-icon-p-account
{
	background-position: -472px -407px
}

.b-icon.b-icon-p-wallet
{
	background-position: -472px -472px
}

.b-icon.b-icon-p-live
{
	background-position: -473px -855px
}

.b-icon.b-icon-p-ticket
{
	background: url(/images/base/icon-ticket.png) no-repeat;
	background-position: -2px 0;
	width: 18px
}

.b-icon.b-icon-vp
{
	background-position: -471px -919px
}

.b-icon.b-icon-vm
{
	background-position: -471px -982px
}

.b-icon.b-icon-vc
{
	background-position: -471px -1751px
}

.b-icon.b-icon-vc
{
	background-position: -471px -1751px
}

.b-icon.b-icon-music
{
	background-position: -534px -983px
}

.b-icon.b-icon-art
{
	background-position: -534px -919px
}

.b-vip-red
{
	color: #fb7299!important
}

a.b-vip-red
{
	color: #fb7299!important
}

a.b-vip-red:hover
{
	color: #fb7299!important
}

#httpsNotWorkTips
{
	display: none
}

.z_top_container
{
	color: #222;
	position: relative;
	z-index: 200
}

.z_top
{
	height: 42px;
	background: #fff;
	box-shadow: rgba(0,0,0,0.1) 0 1px 2px;
	top: 0;
	left: 0;
	width: 100%;
	position: relative;
	font-family: 'Helvetica Neue',Helvetica,Arial,'Microsoft Yahei','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif;
	color: #222
}

.z_top.b-header-blur
{
	background-color: transparent
}

.z_top.b-header-blur .z_top_nav li a.i-link,.z_top.b-header-blur .uns_box li.u-i a.i-link
{
	color: #222
}

.z_top.b-header-blur .b-header-mask-wrp
{
	display: block
}

.z_top.b-header-blur.b-header-blur-black .z_top_nav li a.i-link,.z_top.b-header-blur.b-header-blur-black .uns_box li.u-i a.i-link
{
	color: #fff;
	font-size: 12px
}

.z_top.b-header-blur.b-header-blur-black .z_top_nav ul li.home
{
	background-position: -845px -74px
}

.z_top .i-link
{
	padding: 0 10px;
	transition: .15s background-color;
	font-size: 12px
}

.z_top .i-link:hover
{
	color: #00a1d6;
	background: url(/images/base/nav-hover.png) repeat;
	background: rgba(255,255,255,0.24)
}

.z_top .shouji .mobile-p-box
{
	display: none;
	position: absolute;
	overflow: hidden;
	top: 42px;
	width: 259px;
	height: 174px;
	left: -20px;
	background: url(/images/base/app-box.png) center center no-repeat;
	transition: .2s;
	transition-property: opacity
}

.z_top .shouji .mobile-p-box .mobile-p-qrcode
{
	position: absolute;
	top: 30px;
	width: 100px;
	height: 100px;
	left: 80px;
	background: url(/images/base/app-qrcode.png) center center no-repeat
}

.z_top a
{
	color: #222
}

.z_top .z_header
{
	display: block;
	margin: 0 auto;
	position: relative;
	text-align: left;
	z-index: 10000;
	width: 980px;
	zoom: 1
}

.z_top .z_header:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.widescreen .z_top .z_header
{
	width: 1160px
}

.z_top .z_top_nav
{
	float: left;
	height: 42px;
	font-size: 12px
}

.z_top .z_top_nav ul
{
	zoom: 1
}

.z_top .z_top_nav ul:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.z_top .z_top_nav ul li
{
	float: left;
	text-align: center;
	line-height: 42px;
	position: relative
}

.z_top .z_top_nav ul li a.i-link
{
	height: 100%;
	display: block
}

.z_top .z_top_nav ul li.home
{
	margin-left: -10px;
	background-image: url('../images/icons.png');
	background-repeat: no-repeat;
	background-position: -910px -74px
}

.z_top .z_top_nav ul li.home .i-link
{
	width: 50px;
	height: 42px;
	padding: 0 0 0 20px
}

.z_top .z_top_nav ul li.b-mz .dot
{
	display: none;
	height: 8px;
	width: 8px;
	border-radius: 100%;
	position: absolute;
	right: 1px;
	top: 7px;
	background-color: #f25d8e
}

.z_top .z_top_nav ul li.b-mz .new
{
	display: none
}

.z_top .z_top_nav ul li .i_div
{
	display: none;
	position: absolute;
	top: 42px;
	left: 0;
	border-radius: 0 0 4px 4px;
	text-align: left;
	background-color: transparent;
	overflow: hidden;
	z-index: 15
}

.z_top .z_top_nav ul li .i_div.travel
{
	width: 414px;
	height: 260px;
	z-index: 9870
}

.z_top .z_top_nav ul li .i_div.game
{
	z-index: 9870;
	width: 680px;
	height: 260px;
	overflow: inherit;
	font-size: 14px;
	overflow: hidden
}

.z_top .z_top_nav ul li .i_div.game img,.z_top .z_top_nav ul li .i_div.game .img
{
	width: 64px;
	height: 64px;
	float: left;
	border-radius: 4px
}

.z_top .z_top_nav ul li .i_div.game a
{
	text-shadow: none;
	display: block
}

.z_top .z_top_nav ul li .i_div.game .hot
{
	width: 312px;
	float: left;
	overflow: hidden
}

.z_top .z_top_nav ul li .i_div.game .hot .game_img_box
{
	float: left;
	width: 64px;
	height: 64px;
	overflow: hidden;
	padding: 20px 20px 34px;
	transition: .2s
}

.z_top .z_top_nav ul li .i_div.game .hot .game_img_box:hover
{
	background-color: #e5e9ef
}

.z_top .z_top_nav ul li .i_div.game p
{
	display: block;
	text-align: center;
	margin: 0
}

.z_top .z_top_nav ul li .i_div.game p .t
{
	text-align: center;
	display: block;
	line-height: 30px;
	font-weight: normal
}

.z_top .z_top_nav ul li .i_div.game .i_menu_bg_t
{
	left: 14px;
	background: url(/images/v2images/topicons.png) no-repeat 24px -328px;
	width: 80px;
	display: none
}

.z_top .z_top_nav ul li .i_div.game .all
{
	margin: 20px 0 0 0;
	float: right;
	width: 117px;
	height: 196px;
	line-height: 20px;
	border-left: 1px solid #e5e9ef
}

.z_top .z_top_nav ul li .i_div.game .all b
{
	color: #f25d8e;
	display: block;
	text-align: center;
	font-weight: normal;
	line-height: 12px;
	padding-bottom: 6px
}

.z_top .z_top_nav ul li .i_div.game .all a
{
	display: block;
	text-align: center;
	line-height: 24px
}

.z_top .z_top_nav ul li .i_div.game .all a:hover
{
	background-color: #e5e9ef;
	transition: all .2s linear
}

.z_top .z_top_nav ul li .i_div.stream
{
	z-index: 9870;
	width: 528px;
	height: 266px;
	overflow: inherit;
	font-size: 14px;
	overflow: hidden
}

.z_top .z_top_nav ul li .i_div.mz
{
	z-index: 9870;
	width: 320px;
	height: 240px;
	overflow: inherit;
	font-size: 14px;
	overflow: hidden
}

.z_top .z_top_nav ul li.yoo
{
	display: none
}

.z_top .z_top_nav ul li.yoo #i_div_travel
{
	position: absolute;
	left: 0;
	top: 42px;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	display: none;
	border-radius: 0 0 4px 4px
}

.z_top .z_top_nav ul li.yoo:hover #i_div_travel
{
	display: block
}

.z_top span.line
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 10px 0;
	border-left: 1px solid #e5e9ef;
	border-right: 1px solid #fff
}

.b-header-mask-wrp
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff
}

.b-header-mask-wrp .b-header-mask-bg
{
	position: absolute;
	height: 62px;
	padding: 0 20px;
	top: -10px;
	left: -20px;
	width: 100%;
	-webkit-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5,MakeShadow=false);
	z-index: 50;
	background-position: center 0!important;
	background-repeat: no-repeat
}

.b-header-mask-wrp .b-header-mask
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	*filter: alpha(opacity=40);
	filter: alpha(opacity=40) \9;
	background-color: rgba(255,255,255,0.4);
	z-index: 100
}

:root .b-header-mask-wrp .b-header-mask
{
	filter: alpha(opacity=100)
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none)
{
	.b-header-mask-wrp .b-header-mask
	{
		background-color: rgba(255,255,255,0.7)
	}
}

.b-header-blur-black .b-header-mask-wrp .b-header-mask
{
	background-color: #000;
	background-color: rgba(0,0,0,0.4)
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none)
{
	.b-header-blur-black .b-header-mask-wrp .b-header-mask
	{
		background-color: rgba(0,0,0,0.4)
	}
}

.uns_box
{
	float: right;
	font-size: 12px
}

.uns_box ul.menu
{
	float: left;
	position: relative
}

.uns_box li[guest]
{
	display: none
}

.uns_box li.i_user
{
	margin: 0 9px;
	width: 36px
}

.uns_box li.u-i
{
	float: left;
	text-align: center;
	height: 42px;
	line-height: 42px;
	position: relative
}

.uns_box li.u-i#i_menu_login_reg
{
	padding: 0 10px
}

.uns_box li.u-i#i_menu_login_reg .i-link
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 10px;
	color: #222
}

.uns_box li.u-i#i_menu_login_reg .i-link span
{
	display: block
}

.uns_box li.u-i#i_menu_login_reg .i-link:hover
{
	color: #00a1d6
}

.z_top.b-header-blur .uns_box li.u-i#i_menu_login_reg .i-link
{
	color: #222
}

.b-header-blur-black.z_top.b-header-blur .uns_box li.u-i#i_menu_login_reg .i-link
{
	color: #fff
}

.uns_box li.u-i#i_menu_login_reg .s-line
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-left: 1px solid #222;
	height: 12px;
	margin-top: 16px;
	vertical-align: top
}

.b-header-blur-black .uns_box li.u-i#i_menu_login_reg .s-line
{
	border-color: #fff
}

.uns_box li.u-i.b-reg
{
	margin: 0
}

.uns_box li.u-i .i_face
{
	position: absolute;
	z-index: 20;
	left: 0;
	top: 0;
	border-color: #fff;
	border-radius: 18px;
	display: block;
	height: 36px;
	width: 36px;
	margin: 3px 0;
	transition: .3s
}

.uns_box li.u-i .i_face.scale-in
{
	width: 64px;
	height: 64px;
	left: -16px;
	top: 15px;
	margin: 0;
	border-radius: 50%;
	border: 2px solid #fff
}

.uns_box li.u-i .i_face.scale-in.has_pendant
{
	width: 48px;
	height: 48px;
	left: -8px;
	top: 21px;
	border: 0
}

.uns_box li.u-i .i_face-pendant
{
	position: absolute;
	z-index: 21;
	top: 3px;
	left: -26px;
	width: 84px;
	height: 84px;
	opacity: 1;
	*filter: alpha(opacity=100);
	filter: alpha(opacity=100) \9;
	transition: opacity .1s;
	backface-visibility: hidden
}

:root .uns_box li.u-i .i_face-pendant
{
	filter: alpha(opacity=100)
}

.uns_box li.u-i .i_face-pendant.transparent
{
	opacity: 0;
	*filter: alpha(opacity=0);
	filter: alpha(opacity=0) \9;
	transition: opacity 0s
}

:root .uns_box li.u-i .i_face-pendant.transparent
{
	filter: alpha(opacity=100)
}

.uns_box li.u-i .i_face-pendant.hide
{
	display: none
}

.uns_box li.u-i a.i-link
{
	display: block;
	color: #222
}

.uns_box li.u-i:hover a.i-link
{
	color: #00a1d6
}

.uns_box li.u-i.i_user a.i-link
{
	padding: 0
}

.uns_box li.u-i.b-post
{
	margin-right: 0
}

.uns_box li.u-i.b-post:hover a.i-link
{
	background-image: url(../img/b-post-hover.png)
}

.uns_box li.u-i.b-post a.i-link
{
	margin: 0;
	padding: 0;
	width: 58px;
	position: relative;
	z-index: 10;
	background: url(../img/b-post.png) center center no-repeat;
	height: 48px;
	border-radius: 0 0 5px 5px;
	color: #fff!important;
	font-size: 14px
}

.uns_box li.u-i.b-post .up-new
{
	position: absolute;
	width: 54px;
	height: 34px;
	top: 4px;
	right: -53px;
	background: url(../img/up-new-iocn.png) no-repeat;
	z-index: 20
}

.uns_box li.u-i.b-post .s-menu
{
	position: absolute;
	display: block;
	visibility: hidden;
	top: 42px;
	right: 0;
	z-index: 15;
	width: 288px;
	border: 0;
	transition: .2s;
	border-radius: 0 0 4px 4px;
	background-color: #fff;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	opacity: 0;
	overflow: hidden
}

.uns_box li.u-i.b-post .s-menu li
{
	cursor: pointer;
	text-align: center;
	width: 72px;
	height: 64px;
	transition: .1s;
	float: left;
	position: relative
}

.uns_box li.u-i.b-post .s-menu li:hover
{
	background-color: #e5e9ef
}

.uns_box li.u-i.b-post .s-menu li .b-icon
{
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto 8px
}

.uns_box li.u-i.b-post .s-menu li a
{
	display: block;
	color: #f25d8e;
	padding: 14px 12px 0 12px;
	line-height: 1
}

.uns_box li.u-i.b-post .s-menu li em
{
	display: block
}

.uns_box li.u-i.b-post .s-menu li .new
{
	position: absolute;
	width: 22px;
	height: 9px;
	border-radius: 5px;
	top: 5px;
	right: 0;
	background: url('../images/icons.png') no-repeat;
	background-position: -851px -412px
}

.uns_box li.u-i.b-post .s-menu .music-up
{
	display: none
}

.uns_box li.u-i.b-post .music-show
{
	width: 360px
}

.uns_box li.u-i.b-post .music-show .music-up
{
	display: block
}

.uns_box li.u-i.b-post:hover .s-menu
{
	visibility: visible;
	opacity: 1
}

.uns_box li .i_menu
{
	position: absolute;
	left: 0;
	padding: 5px 0;
	top: 42px;
	display: block;
	background: #fff;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	list-style: none;
	z-index: 10;
	border-radius: 0 0 4px 4px
}

.uns_box li .i_menu li a
{
	white-space: nowrap;
	color: #222;
	line-height: 30px;
	text-align: left;
	margin: 0 auto;
	display: block;
	padding: 0 5px 0 0
}

.uns_box li .i_menu li a:hover
{
	color: #00a1d6
}

.i_menu_bg_t
{
	height: 8px;
	width: 16px;
	top: -7px;
	left: 50%;
	margin-left: -8px;
	background: url(/images/v2images/topicons.png) no-repeat 0 -404px;
	position: absolute
}

#i_menu_msg
{
	width: 90px;
	display: none;
	margin-left: -15px
}

#i_menu_fav
{
	width: 80px;
	display: none
}

#i_menu_profile
{
	display: none;
	left: 50%;
	margin-left: -130px;
	width: 260px;
	padding-bottom: 0;
	padding-top: 50px;
	border-top: 0
}

#i_menu_profile .i_menu_bg_t
{
	display: none
}

#i_menu_profile .info
{
	height: auto;
	border: 0;
	margin-bottom: 10px;
	padding: 0 20px
}

#i_menu_profile .info .layer-row
{
	margin: 8px auto 0
}

#i_menu_profile .info .vip-hinter,#i_menu_profile .info .vip-due-hinter
{
	margin: 0 2px;
	display: inline-block;
	line-height: 15px;
	padding: 0 1px;
	color: #99a2aa;
	border: 1px solid #ccd0d7;
	border-radius: 3px
}

#i_menu_profile .info .vip-hinter[data-vip-type]
{
	color: #fff;
	background-color: #fb7299;
	border-color: #fb7299
}

#i_menu_profile .info .uname
{
	line-height: 16px;
	padding-bottom: 15px;
	text-align: center
}

#i_menu_profile .info .uname b
{
	position: relative;
	display: inline-block
}

#i_menu_profile .info .uname .user-info-level
{
	margin-right: 0
}

#i_menu_profile .info .coin,#i_menu_profile .info .score
{
	max-width: 70px;
	text-align: left;
	float: left;
	line-height: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#i_menu_profile .info .coin
{
	position: relative;
	max-width: none;
	overflow: visible
}

#i_menu_profile .info .coin:hover
{
	color: #00a1d6
}

#i_menu_profile .info .coin.hover-first .b-back
{
	-webkit-animation: coin-bounce 1s cubic-bezier(0.45,0.05,0.55,0.95) .2s;
	-moz-animation: coin-bounce 1s cubic-bezier(0.45,0.05,0.55,0.95) .2s;
	animation: coin-bounce 1s cubic-bezier(0.45,0.05,0.55,0.95) .2s
}

#i_menu_profile .info .coin.hover-first .pre
{
	top: 18px
}

#i_menu_profile .info .coin.hover-first .cur
{
	top: 0
}

#i_menu_profile .info .coin.hover-first .reward-for-login
{
	*filter: alpha(opacity=0);
	filter: alpha(opacity=0) \9;
	opacity: 0;
	transition: .4s ease 1.6s
}

:root #i_menu_profile .info .coin.hover-first .reward-for-login
{
	filter: alpha(opacity=100)
}

#i_menu_profile .info .coin.hover-again .pre
{
	top: 18px
}

#i_menu_profile .info .coin.hover-again .cur
{
	top: 0
}

#i_menu_profile .info .coin.hover-again .reward-for-login
{
	*filter: alpha(opacity=0);
	filter: alpha(opacity=0) \9;
	opacity: 0
}

:root #i_menu_profile .info .coin.hover-again .reward-for-login
{
	filter: alpha(opacity=100)
}

#i_menu_profile .info .coin .b-back
{
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	background: url("'../images/icons.png'") no-repeat -279px -1495px
}

@keyframes -webkit-coin-bounce
{
	0%
	{
		-webkit-transform: translateY(0px) rotateY(0deg)
	}

	60%
	{
		-webkit-transform: translateY(-42px) rotateY(360deg)
	}

	100%
	{
		-webkit-transform: translateY(0px)
	}
}

@keyframes -moz-coin-bounce
{
	0%
	{
		-moz-transform: translateY(0px) rotateY(0deg)
	}

	60%
	{
		-moz-transform: translateY(-42px) rotateY(360deg)
	}

	100%
	{
		-moz-transform: translateY(0px)
	}
}

@keyframes coin-bounce
{
	0%
	{
		transform: translateY(0px) rotateY(0deg)
	}

	60%
	{
		transform: translateY(-42px) rotateY(360deg)
	}

	100%
	{
		transform: translateY(0px)
	}
}

#i_menu_profile .info .coin .outside
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 90px;
	height: 18px;
	overflow: hidden
}

#i_menu_profile .info .coin .pre,#i_menu_profile .info .coin .cur
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 18px;
	line-height: 18px;
	transition: all .5s
}

#i_menu_profile .info .coin .cur
{
	top: -18px
}

#i_menu_profile .info .coin .reward-for-login
{
	*filter: alpha(opacity=100);
	filter: alpha(opacity=100) \9;
	opacity: 1;
	color: #2cc06f
}

:root #i_menu_profile .info .coin .reward-for-login
{
	filter: alpha(opacity=100)
}

#i_menu_profile .info .coin b.b-icon
{
	position: relative;
	z-index: 2;
	background-position: -343px -471px;
	height: 18px;
	width: 18px;
	vertical-align: top;
	margin-right: 4px
}

#i_menu_profile .info a.linkToCurrency
{
	position: absolute;
	left: 75px;
	line-height: 18px;
	min-width: 48px;
	text-align: left
}

#i_menu_profile .info a.linkToCurrency.off
{
	display: none
}

#i_menu_profile .info b.currency
{
	position: relative;
	z-index: 2;
	background-position: -407px -471px;
	height: 18px;
	width: 18px;
	vertical-align: top;
	margin-right: 4px
}

#i_menu_profile .info b.outside
{
	vertical-align: top;
	font-weight: normal
}

#i_menu_profile .info .email,#i_menu_profile .info .phone
{
	position: relative;
	float: right;
	display: block;
	width: 18px;
	margin-left: 10px;
	height: 18px;
	background-image: url('../images/icons.png');
	background-repeat: no-repeat
}

#i_menu_profile .info .email:before,#i_menu_profile .info .phone:before
{
	content: "";
	position: absolute;
	display: block;
	top: -3px;
	right: -3px;
	width: 7px;
	height: 7px;
	background-color: #f25d8e;
	border: 2px solid #fff;
	border-radius: 50%
}

#i_menu_profile .info .email.verified:before,#i_menu_profile .info .phone.verified:before
{
	display: none
}

#i_menu_profile .info .email
{
	background-position: -279px -534px
}

#i_menu_profile .info .phone
{
	background-position: -279px -599px
}

#i_menu_profile .info .email.verified
{
	background-position: -343px -534px
}

#i_menu_profile .info .phone.verified
{
	background-position: -343px -599px
}

#i_menu_profile .link-to-bind-mobile
{
	text-align: right;
	padding-right: 20px;
	margin-bottom: -7px;
	margin-top: 14px;
	height: 0;
	line-height: 0
}

#i_menu_profile .link-to-bind-mobile a
{
	color: #00a1d6
}

#i_menu_profile .link-to-bind-mobile a:hover
{
	color: #f25d8e
}

#i_menu_profile .member-menu-wrp
{
	margin: 0 20px;
	overflow: hidden
}

#i_menu_profile .member-menu
{
	border-top: 1px solid #e5e9ef;
	padding: 10px 0;
	margin-right: -20px;
	clear: both;
	zoom: 1
}

#i_menu_profile .member-menu:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

#i_menu_profile .member-menu li
{
	float: left;
	width: 100px;
	margin-right: 20px;
	position: relative
}

#i_menu_profile .member-menu li .b-icon
{
	margin-right: 10px;
	vertical-align: top
}

#i_menu_profile .member-menu li .b-icon.b-icon-p-ticket
{
	margin-right: 8px
}

#i_menu_profile .member-menu li a
{
	padding: 0
}

#i_menu_profile .member-menu li a
{
	padding: 5px 0 5px 0;
	line-height: 16px
}

#i_menu_profile .member-menu li a.member .b-icon-p-member
{
	background-position: -536px -1046px
}

#i_menu_profile .member-menu li a.member:hover .b-icon-p-member
{
	background-position: -601px -1046px
}

#i_menu_profile .member-menu li a.account:hover .b-icon-p-account
{
	background-position: -536px -407px
}

#i_menu_profile .member-menu li a.wallet:hover .b-icon-p-wallet
{
	background-position: -536px -472px
}

#i_menu_profile .member-menu li a.live:hover .b-icon-p-live
{
	background-position: -537px -855px
}

#i_menu_profile .member-menu li a.ticket:hover .b-icon-p-ticket
{
	background-position: -2px -15px
}

#i_menu_profile .member-menu li a.goods
{
	padding: 0;
	background: 0
}

#i_menu_profile .member-menu li a.goods .icon-electric
{
	background: url(/battery/img/icons02.png) -125px -2px no-repeat;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 28px
}

#i_menu_profile .member-bottom
{
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	background-color: #f4f5f7;
	border-radius: 0 0 4px 4px
}

#i_menu_profile .member-bottom a:hover
{
	color: #00a1d6
}

#i_menu_profile .member-bottom a.mc
{
	float: left
}

#i_menu_profile .member-bottom a.logout
{
	float: right
}

.uns_box .u-i #i_menu_profile .num
{
	padding: 1px 3px;
	top: 0;
	right: 10px
}

.uns_box .u-i .num
{
	height: 12px;
	line-height: 12px;
	color: #fff;
	background-color: #f25d8e;
	border-radius: 10px;
	position: absolute;
	padding: 1px 2px;
	display: none;
	font-size: 12px;
	top: 7px;
	left: 34px;
	min-width: 16px;
	z-index: 30;
	text-align: center
}

.uns_box .u-i .num.live
{
	background-color: #00a1d6
}

.uns_box #i_menu_become_vip
{
	padding-left: 1px
}

.uns_box #i_menu_become_vip .red_point
{
	height: 8px;
	width: 8px;
	border-radius: 100%;
	position: absolute;
	right: 6px;
	top: 7px;
	background-color: #f25d8e
}

.user-info-level
{
	margin-left: 5px;
	margin-right: 5px;
	width: 24px;
	height: 12px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-image: url(/images/v3images/Level-icons.png)
}

.user-info-level.border
{
	vertical-align: middle;
	height: 16px
}

.user-info-level.border.l0
{
	background-position: -114px -10px
}

.user-info-level.border.l1
{
	background-position: -114px -46px
}

.user-info-level.border.l2
{
	background-position: -114px -82px
}

.user-info-level.border.l3
{
	background-position: -114px -118px
}

.user-info-level.border.l4
{
	background-position: -114px -154px
}

.user-info-level.border.l5
{
	background-position: -114px -190px
}

.user-info-level.border.l6
{
	background-position: -114px -226px
}

.user-info-level.l0
{
	background-position: -78px -10px
}

.user-info-level.l1
{
	background-position: -78px -46px
}

.user-info-level.l2
{
	background-position: -78px -82px
}

.user-info-level.l3
{
	background-position: -78px -118px
}

.user-info-level.l4
{
	background-position: -78px -154px
}

.user-info-level.l5
{
	background-position: -78px -190px
}

.user-info-level.l6
{
	background-position: -78px -226px
}

.user-info
{
	text-align: left;
	padding: 0 0 0 20px;
	position: relative;
	z-index: 100;
	margin-top: 22px;
	margin-bottom: 30px;
	height: 20px
}

.user-info#jc_info
{
	margin-bottom: 30px
}

.user-info:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.user-info .user-info-hd
{
	height: 20px;
	line-height: 20px;
	float: left;
	margin-right: 5px
}

.user-info .user-info-hd .t
{
	float: left
}

.user-info .points-wrp
{
	position: relative;
	float: left
}

.user-info .points-wrp .points-cnt
{
	width: 210px;
	height: 20px;
	line-height: 20px;
	position: relative
}

.user-info .points-wrp .jc-node
{
	background: url(/images/v3images/icon_jiecao.png) no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	display: none;
	top: -5px;
	z-index: 60;
	margin-left: -3px
}

.user-info .points-wrp:hover .jc-node
{
	display: block
}

.user-info .points-wrp .jc-node.l0
{
	background-position: -7px -8px;
	left: 30%
}

.user-info .points-wrp .jc-node.l1
{
	background-position: -32px -8px;
	left: 60%
}

.user-info .points-wrp .jc-node.l2
{
	background-position: -56px -8px;
	left: 90%
}

.user-info .points-wrp .lt
{
	width: 18px;
	height: 18px;
	border-radius: 9px;
	position: absolute;
	left: 3px;
	top: 2px;
	z-index: 30;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	font-family: tomaho;
	background-color: #f3cb85
}

.user-info .points-wrp .fill-el
{
	position: absolute;
	left: 19px;
	top: 7px;
	height: 8px;
	width: 1px;
	z-index: 20
}

.user-info .points-wrp .bar
{
	position: absolute;
	left: 20px;
	top: 7px;
	height: 8px;
	width: 170px;
	z-index: 15;
	background-color: #eee
}

.user-info .points-wrp .points
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #f3cb85
}

.user-info .points-wrp .points .b-tv
{
	background: url(/images/v3images/icon_jiecao.png) no-repeat;
	position: absolute;
	right: -21px;
	top: -8px;
	width: 22px;
	height: 22px;
	z-index: 50
}

.user-info#jc_info.l0 .points-wrp .points .b-tv,.user-info .points-wrp .points-cnt .points .b-tv.l0
{
	width: 22px;
	right: -21px;
	background-position: -73px 0
}

.user-info#jc_info .points-wrp .lt
{
	background-image: url(/images/v3images/Level-icons.png);
	background-position: -188px -8px
}

.user-info#jc_info.l0 .points-wrp .points
{
	background-color: #ff6868
}

.user-info#jc_info.l0 .points-wrp .lt
{
	background-color: #ff6868;
	background-position: -188px -8px
}

.user-info#jc_info.l0 .points-wrp .fill-el
{
	background-color: #ff6868
}

.user-info#jc_info.l1 .points-wrp .points .b-tv,.user-info .points-wrp .points-cnt .points .b-tv.l1
{
	width: 22px;
	right: -21px;
	background-position: -97px 0
}

.user-info#jc_info.l1 .points-wrp .points
{
	background-color: #ffa285
}

.user-info#jc_info.l1 .points-wrp .lt
{
	background-color: #ffa285;
	background-position: -188px -44px
}

.user-info#jc_info.l1 .points-wrp .fill-el
{
	background-color: #ffa285
}

.user-info#jc_info.l2 .points-wrp .points .b-tv,.user-info .points-wrp .points-cnt .points .b-tv.l2
{
	width: 22px;
	right: -21px;
	background-position: -121px 0
}

.user-info#jc_info.l2 .points-wrp .points
{
	background-color: #8ecce0
}

.user-info#jc_info.l2 .points-wrp .lt
{
	background-color: #8ecce0;
	background-position: -188px -80px
}

.user-info#jc_info.l2 .points-wrp .fill-el
{
	background-color: #8ecce0
}

.user-info#jc_info.l3 .points-wrp .points .b-tv,.user-info .points-wrp .points-cnt .points .b-tv.l3
{
	width: 28px;
	right: -27px;
	background-position: -145px 0
}

.user-info#jc_info.l3 .points-wrp .points
{
	background-color: #8ee0a7
}

.user-info#jc_info.l3 .points-wrp .lt
{
	background-color: #8ee0a7;
	background-position: -188px -116px
}

.user-info#jc_info.l3 .points-wrp .fill-el
{
	background-color: #8ee0a7
}

.user-info .points-wrp .points-schedule
{
	line-height: 18px;
	position: absolute;
	right: 20px;
	top: 16px
}

.user-info .points-wrp .points-schedule .lv-0
{
	color: #00a1d6
}

.user-info .points-wrp .points-schedule .lv-0:hover
{
	color: #f25d8e
}

.user-info .points-wrp .points-schedule .now-points
{
	color: #222
}

.user-info .points-wrp .points-schedule .next-points
{
	color: #ccc
}

.user-info#lv_info .points-wrp .lt
{
	background-image: url(/images/v3images/Level-icons.png);
	background-position: -153px -8px
}

.user-info#lv_info.l0 .points-wrp .points
{
	background-color: #ccc
}

.user-info#lv_info.l0 .points-wrp .lt
{
	background-color: #ccc;
	background-position: -153px -8px
}

.user-info#lv_info.l0 .points-wrp .fill-el
{
	background-color: #ccc
}

.user-info#lv_info.l1 .points-wrp .lt
{
	background-position: -153px -44px
}

.user-info#lv_info.l2 .points-wrp .lt
{
	background-position: -153px -80px
}

.user-info#lv_info.l3 .points-wrp .lt
{
	background-position: -153px -116px
}

.user-info#lv_info.l4 .points-wrp .lt
{
	background-position: -153px -152px
}

.user-info#lv_info.l5 .points-wrp .lt
{
	background-position: -153px -188px
}

.user-info#lv_info.l6 .points-wrp .lt
{
	background-position: -153px -224px
}

.user-info .user-info-desc
{
	padding: 15px 15px 15px 20px;
	position: absolute;
	top: -16px;
	left: 100%;
	border-radius: 2px;
	background-color: #fff;
	z-index: 100;
	width: 220px;
	line-height: 20px;
	word-break: break-word;
	word-wrap: break-word;
	min-height: 65px;
	color: #676b73;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.25)
}

.user-info#lv_info .user-info-desc
{
	line-height: 24px
}

.user-info .user-info-desc strong
{
	font-size: 14px;
	color: #222;
	padding: 0 3px
}

.user-info .user-info-desc .arrow-left
{
	position: absolute;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	top: 16px;
	left: -10px;
	width: 10px;
	height: 20px;
	z-index: 1000;
	background: transparent url(/images/v3images/Level-icons.png) -182px -224px no-repeat
}

.user-info .user-info-desc .desc-ex.l0
{
	color: #df2734;
	margin-bottom: 10px
}

.user-info .user-info-desc .desc-ex.l1
{
	color: #ffa285;
	margin-bottom: 10px
}

.user-info .user-info-desc .lv-row
{
	margin-bottom: 10px
}

.user-info .user-info-desc .help-link
{
	margin-top: 15px;
	float: right;
	color: #00a1d6
}

.user-info .user-info-desc .help-link:hover
{
	color: #f25d8e
}

.index-login
{
	margin: 8px 10px;
	border-radius: 3px;
	overflow: hidden
}

.index-login li
{
	width: 40px;
	line-height: 24px;
	height: 24px;
	float: left;
	border-right: 0;
	border-radius: 0
}

.index-login li:hover
{
	border-right: 0
}

.index-login li a
{
	background: url(/images/v3images/icons1.png) no-repeat;
	width: 100%;
	height: 100%;
	display: block
}

.index-login .icon-qq
{
	background-position: 14px -810px;
	*display: inline;
	*zoom: 1
}

.index-login .icon-sina
{
	background-position: 14px -854px;
	*display: inline;
	*zoom: 1
}

.index-login .login
{
	color: white;
	width: 50px;
	line-height: 24px;
	border-right: 1px solid #0082b0
}

.index-login .login:hover
{
	border-right: solid 1px #008bbc
}

.index-login .login a
{
	background: 0
}

.z_top .z_top_nav li.hbili,.z_top .z_top_nav li.live
{
	position: relative
}

.z_top .z_top_nav li .new,.z_top .z_top_nav li .beta
{
	position: absolute;
	right: -11px;
	color: #f25d8e;
	top: 10px;
	background: url('../images/icons.png') no-repeat;
	width: 22px;
	height: 10px
}

.z_top .z_top_nav li .new
{
	background-position: -851px -412px
}

.z_top .z_top_nav li .beta
{
	display: none;
	background-position: -854px -1307px
}

.z_top .z_top_nav li.b-gc .beta
{
	display: block
}

.z_top .z_top_nav li.hbili .new
{
	display: none
}

@keyframes scale-in
{
	0%
	{
		opacity: 0;
		transform: scale(0.95)
	}

	30%
	{
		transform: scale(1)
	}

	70%
	{
		transform: scale(1.01)
	}

	100%
	{
		opacity: 1;
		transform: scale(1)
	}
}

@-webkit-keyframes scale-in
{
	0%
	{
		opacity: 0;
		transform: scale(0.95)
	}

	30%
	{
		transform: scale(1)
	}

	70%
	{
		transform: scale(1.01)
	}

	100%
	{
		opacity: 1;
		transform: scale(1)
	}
}

.b-input.error
{
	border-color: #e40c0c!important
}

.err-msg .m_layer
{
	margin-top: 4px
}

.m-layer,.m_layer
{
	position: absolute;
	clear: both;
	overflow: hidden;
	z-index: 999;
	border-radius: 4px;
	background-color: #858585;
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	min-width: 100px;
	max-width: 500px;
	font-size: 14px
}

.m-layer.scale-in,.m_layer.scale-in
{
	-webkit-animation: scale-in .2s linear;
	animation: scale-in .2s linear
}

.m-layer.m-error,.m_layer.m-error,.m-layer.m-warning,.m_layer.m-warning
{
	background-color: #e40c0c;
	background-color: rgba(228,12,12,0.8)
}

.m-layer.m-error a,.m_layer.m-error a,.m-layer.m-warning a,.m_layer.m-warning a
{
	color: #fff;
	text-decoration: underline
}

.m-layer.m-error.error,.m_layer.m-error.error,.m-layer.m-warning.error,.m_layer.m-warning.error
{
	background-color: #e40c0c;
	font-size: 12px
}

.m-layer.m-error.error .bg,.m_layer.m-error.error .bg,.m-layer.m-warning.error .bg,.m_layer.m-warning.error .bg
{
	padding: 0
}

.m-layer.m-error.error .bg .content,.m_layer.m-error.error .bg .content,.m-layer.m-warning.error .bg .content,.m_layer.m-warning.error .bg .content
{
	border: 0;
	background-color: transparent
}

.m-layer.m-error.error .bg .content .mini,.m_layer.m-error.error .bg .content .mini,.m-layer.m-warning.error .bg .content .mini,.m_layer.m-warning.error .bg .content .mini
{
	padding: 1px 10px 1px 5px
}

.m-layer.m-error.error .content .mini i,.m_layer.m-error.error .content .mini i,.m-layer.m-warning.error .content .mini i,.m_layer.m-warning.error .content .mini i
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0;
	vertical-align: top;
	background: url(/upload/img/icons.png) -312px -27px no-repeat;
	width: 20px;
	height: 20px
}

.m-layer.m-button,.m_layer.m-button
{
	background-color: #fff;
	border: 1px solid #e5e9ef;
	color: #222;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	font-size: 12px
}

.m-layer.m-coin,.m_layer.m-coin
{
	max-width: 340px;
	margin-left: -176px;
	padding: 30px
}

.m-layer.m-coin .coin-panel,.m_layer.m-coin .coin-panel
{
	width: 280px
}

.m-layer.m-coin .coin-panel .coin-nav,.m_layer.m-coin .coin-panel .coin-nav
{
	text-align: center;
	padding-bottom: 20px
}

.m-layer.m-coin .coin-panel .coin-nav.coin-nav-less,.m_layer.m-coin .coin-panel .coin-nav.coin-nav-less
{
	margin: 0 -5px
}

.m-layer.m-coin .coin-panel .coin-nav.coin-nav-less .coin-nav-single,.m_layer.m-coin .coin-panel .coin-nav.coin-nav-less .coin-nav-single
{
	margin: 0 5px
}

.m-layer.m-coin .coin-panel .coin-nav .coin-nav-single,.m_layer.m-coin .coin-panel .coin-nav .coin-nav-single
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #636c72;
	width: 36px;
	cursor: pointer;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	margin: 0 10px;
	border-radius: 36px;
	border: 1px solid #ccd0d7
}

.m-layer.m-coin .coin-panel .coin-nav .coin-nav-single .coin-nav-text,.m_layer.m-coin .coin-panel .coin-nav .coin-nav-single .coin-nav-text
{
	font-size: 12px;
	display: none
}

.m-layer.m-coin .coin-panel .coin-nav .coin-nav-single.active,.m_layer.m-coin .coin-panel .coin-nav .coin-nav-single.active
{
	color: #fff;
	border-color: #00a1d6;
	background-color: #00a1d6
}

.m-layer.m-coin .coin-panel .coin-nav .coin-nav-single.active:hover,.m_layer.m-coin .coin-panel .coin-nav .coin-nav-single.active:hover
{
	color: #fff;
	border-color: #00a1d6
}

.m-layer.m-coin .coin-panel .coin-nav .coin-nav-single.active .coin-nav-text,.m_layer.m-coin .coin-panel .coin-nav .coin-nav-single.active .coin-nav-text
{
	display: inline
}

.m-layer.m-coin .coin-panel .coin-nav .coin-nav-single:hover,.m_layer.m-coin .coin-panel .coin-nav .coin-nav-single:hover
{
	color: #00a1d6;
	border-color: #00a1d6
}

.m-layer.m-coin .coin-panel .coin-nav .coin-nav-single.disabled,.m_layer.m-coin .coin-panel .coin-nav .coin-nav-single.disabled
{
	color: #6d757a;
	background-color: #edf0f6;
	border-color: #edf0f6
}

.m-layer.m-coin .coin-panel .coin-nav .coin-nav-single.disabled:hover,.m_layer.m-coin .coin-panel .coin-nav .coin-nav-single.disabled:hover
{
	color: #6d757a;
	background-color: #edf0f6;
	border-color: #acb3c2
}

.m-layer.m-coin .coin-panel .coin-nav .coin-nav-single.disabled.active,.m_layer.m-coin .coin-panel .coin-nav .coin-nav-single.disabled.active
{
	color: #fff;
	background-color: #acb3c2;
	border-color: #acb3c2
}

.m-layer.m-coin .coin-panel .coin-nav .coin-nav-single.disabled.active:hover,.m_layer.m-coin .coin-panel .coin-nav .coin-nav-single.disabled.active:hover
{
	color: #fff;
	background-color: #acb3c2;
	border-color: #acb3c2
}

.m-layer.m-coin .coin-panel .coin-main,.m_layer.m-coin .coin-panel .coin-main
{
	margin: 0 0 36px 0;
	padding-top: 34px;
	border-top: 1px solid #e5e9ef
}

.m-layer.m-coin .coin-panel .coin-main.coin-error,.m_layer.m-coin .coin-panel .coin-main.coin-error
{
	padding-top: 40px;
	padding-left: 82px;
	background: transparent url(/images/base/error.png) no-repeat 0 37px
}

.m-layer.m-coin .coin-panel .coin-main.coin-error .coin-main-title,.m_layer.m-coin .coin-panel .coin-main.coin-error .coin-main-title,.m-layer.m-coin .coin-panel .coin-main.coin-error .coin-main-sub,.m_layer.m-coin .coin-panel .coin-main.coin-error .coin-main-sub
{
	text-align: left
}

.m-layer.m-coin .coin-panel .coin-main .coin-main-title,.m_layer.m-coin .coin-panel .coin-main .coin-main-title
{
	text-align: center;
	color: #222;
	font-size: 20px;
	line-height: 20px
}

.m-layer.m-coin .coin-panel .coin-main .coin-main-title .coin-main-number,.m_layer.m-coin .coin-panel .coin-main .coin-main-title .coin-main-number
{
	color: #00a1d6;
	font-size: 36px;
	padding: 0 5px;
	font-weight: bold
}

.m-layer.m-coin .coin-panel .coin-main .coin-main-sub,.m_layer.m-coin .coin-panel .coin-main .coin-main-sub
{
	margin-top: 9px;
	font-size: 12px;
	line-height: 30px;
	color: #6d757a
}

.m-layer.m-coin .coin-panel .b-icon,.m_layer.m-coin .coin-panel .b-icon
{
	background: transparent url('../images/icons.png') no-repeat top left;
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px
}

.m-layer.m-coin .coin-panel .b-icon.icon-exp-round,.m_layer.m-coin .coin-panel .b-icon.icon-exp-round
{
	background-position: -659px -981px
}

.m-layer.m-coin .coin-panel .b-icon.icon-coin-round,.m_layer.m-coin .coin-panel .b-icon.icon-coin-round
{
	background-position: -659px -1045px
}

.m-layer.m-coin .bg .content .mini,.m_layer.m-coin .bg .content .mini
{
	padding: 0
}

.m-layer.m-coin .bg .content .mini .btnbox .ok,.m_layer.m-coin .bg .content .mini .btnbox .ok,.m-layer.m-coin .bg .content .mini .btnbox .cancel,.m_layer.m-coin .bg .content .mini .btnbox .cancel
{
	width: 128px;
	line-height: 30px;
	height: 30px;
	font-size: 14px
}

.m-layer.m-coin .bg .content .mini .btnbox .ok.disabled,.m_layer.m-coin .bg .content .mini .btnbox .ok.disabled,.m-layer.m-coin .bg .content .mini .btnbox .cancel.disabled,.m_layer.m-coin .bg .content .mini .btnbox .cancel.disabled
{
	cursor: default
}

.m-layer.m-loading,.m_layer.m-loading,.m-layer.m-finish,.m_layer.m-finish
{
	background-image: none;
	font-size: 12px
}

.m-layer.m-loading .bg .content .mini,.m_layer.m-loading .bg .content .mini,.m-layer.m-finish .bg .content .mini,.m_layer.m-finish .bg .content .mini
{
	padding: 5px 20px
}

.m-layer .bg,.m_layer .bg
{
	padding: 0!important
}

.m-layer .bg .content,.m_layer .bg .content
{
	position: relative;
	border-radius: 4px
}

.m-layer .bg .content .mini,.m_layer .bg .content .mini
{
	text-align: center;
	padding: 10px 20px;
	margin: 0!important
}

.m-layer .bg .content .mini .msg-text,.m_layer .bg .content .mini .msg-text
{
	line-height: 20px
}

.m-layer .bg .content .mini .btnbox,.m_layer .bg .content .mini .btnbox
{
	clear: both;
	margin-top: 10px
}

.m-layer .bg .content .mini .btnbox .b-btn,.m_layer .bg .content .mini .btnbox .b-btn,.m-layer .bg .content .mini .btnbox .b-btn-cancel,.m_layer .bg .content .mini .btnbox .b-btn-cancel
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	line-height: 20px;
	height: 20px;
	width: 40px
}

.m-layer .bg .content .mini .btnbox .button,.m_layer .bg .content .mini .btnbox .button
{
	padding: 4px 7px 6px 6px;
	margin: 4px
}

.m-layer .bg .content .mini .btnbox .ok,.m_layer .bg .content .mini .btnbox .ok
{
	margin-right: 20px
}

.m-layer .bg .content .mini .minput,.m_layer .bg .content .mini .minput
{
	width: 40px;
	text-align: center;
	color: #99a2aa;
	font-family: sisum;
	font-size: 11px;
	margin: 0 5px 0 2px
}

.m-layer .bg .content i,.m_layer .bg .content i
{
	background: url(/images/v2images/ico_warn.png) no-repeat;
	margin-right: 5px;
	display: none
}

.m-layer .bg .content .error,.m_layer .bg .content .error
{
	background-position: -50px -50px
}

.m-layer .bg .content .ok,.m_layer .bg .content .ok
{
	background-position: 0 0
}

.m-layer .bg .content .warning,.m_layer .bg .content .warning
{
	background-position: -50px -100px
}

.m-layer .bg .content .question,.m_layer .bg .content .question
{
	background-position: -50px -150px
}

.m-layer .bg .content .msg,.m_layer .bg .content .msg
{
	background-position: 0 -200px
}

.footer
{
	width: 100%;
	padding-top: 20px;
	color: #99a2aa;
	text-align: center;
	font-family: 'Helvetica Neue',Helvetica,Arial,'Microsoft Yahei','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif
}

.footer .footer-wrp
{
	background-color: #f6f9fa;
	padding-top: 40px;
	padding-bottom: 40px
}

.footer a
{
	color: #222
}

.footer a:hover
{
	color: #00a1d6
}

.footer .icons-footer.icons-footer-report
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-right: 3px;
	background: url('../images/icons.png') no-repeat;
	background-position: -1367px -89px
}

.footer .partner .left,.footer .partner .right
{
	line-height: 24px;
	*line-height: 24px
}

.footer .partner .left a,.footer .partner .right a
{
	color: #99a2aa
}

.footer .partner .left a:hover,.footer .partner .right a:hover
{
	color: #222
}

.footer .right
{
	float: right
}

.footer .footer-cnt
{
	width: 980px;
	margin: 0 auto
}

.footer .boston-postcards
{
	list-style: none;
	margin: 0 auto;
	float: left;
	margin-bottom: 30px
}

.footer .boston-postcards li:first-child
{
	border-left: 0;
	padding-left: 0!important
}

.footer .boston-postcards li:last-child
{
	width: 280px;
	padding-right: 0
}

.footer .boston-postcards li
{
	float: left;
	text-align: left;
	list-style: none;
	width: 300px;
	height: 112px;
	padding-right: 25px;
	padding-left: 24px;
	line-height: 1;
	border-left: solid 1px #e5e9ef;
	font-size: 14px
}

.footer .boston-postcards li .tips
{
	margin-bottom: 22px
}

.footer .boston-postcards li .cards
{
	float: left;
	width: 100px;
	position: relative;
	margin-bottom: 16px
}

.footer .boston-postcards li .cards.taobao
{
	position: relative;
	width: 100px;
	height: 40px;
	margin-bottom: -23px
}

.footer .boston-postcards li .cards.longer
{
	width: 100px
}

.footer .boston-postcards li .cards.wide
{
	margin-right: 20px
}

.footer .partner
{
	padding: 0;
	text-align: left;
	margin: 0 auto;
	height: 80px
}

.footer .partner .partner-banner
{
	background: url(/images/v2images/footpic.png) no-repeat;
	width: 100px;
	height: 80px
}

.footer .block.right
{
	position: relative;
	width: 100%
}

.footer .block.right div
{
	position: relative;
	width: 82px;
	height: 80px;
	float: left
}

.footer .block.right em
{
	position: absolute;
	width: 82px;
	line-height: 14px;
	float: left;
	bottom: 0;
	left: 0;
	text-align: center
}

.footer .block.right .pic
{
	position: relative;
	margin-left: 11px;
	width: 60px;
	height: 60px
}

.footer .block.right .phone .pic
{
	background: url("'../images/icons.png'") no-repeat -1024px -194px
}

.footer .block.right .phone .pic:hover
{
	background-position: -1090px -194px
}

.footer .block.right .weibo .pic
{
	background: url("'../images/icons.png'") no-repeat -1024px -322px
}

.footer .block.right .weibo .pic:hover
{
	background-position: -1090px -322px
}

.footer .block.right .weixin .pic
{
	color: #222;
	background: url("'../images/icons.png'") no-repeat -1024px -66px
}

.footer .block.right .weixin .pic:hover
{
	background-position: -1090px -66px
}

.footer .block.right .qrcode-box-wrp
{
	width: 130px;
	height: 130px;
	background: #fff;
	margin-top: -146px;
	right: -23px;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	transition: .2s;
	z-index: 100000
}

.footer .block.right .qrcode-box
{
	width: 128px;
	height: 128px;
	border: 1px solid #e5e9ef
}

.footer .block.right .qrcode-box.qrcode-app
{
	background: url(/images/base/app-qrcode.png) center center no-repeat
}

.footer .block.right .qrcode-box.qrcode-weibo
{
	background: url(/images/base/weibo-qrcode.png) center center no-repeat
}

.footer .block.right .qrcode-box.qrcode-weixin
{
	background: url(/ad-images/wx.gif) center center no-repeat
}

.footer .block.right .qrcode-box .qrcode-box-arrow
{
	width: 130px;
	height: 141px;
	background: url(/ad-images/wx-arrow.png) bottom center no-repeat
}

.footer .block.right .phone:hover .qrcode-box-wrp,.footer .block.right .weibo:hover .qrcode-box-wrp,.footer .block.right .weixin:hover .qrcode-box-wrp
{
	visibility: visible;
	opacity: 1
}

.footer .block.right .bigvip-qrcode
{
	width: 260px;
	height: 150px;
	margin-top: -166px
}

.footer .block.right .bigvip-qrcode .qrcode-box
{
	width: 258px;
	height: 148px
}

.footer .block.right .bigvip-qrcode .qrcode-box .qrcode-box-arrow
{
	margin-left: 128px;
	margin-top: 20px
}

.widescreen .footer .footer-cnt
{
	width: 1160px
}

.widescreen .footer .boston-postcards li
{
	padding-right: 40px;
	padding-left: 39px;
	width: 360px
}

.widescreen .footer .boston-postcards li:first-child
{
	border-left: 0;
	padding-left: 0!important
}

.widescreen .footer .boston-postcards li:last-child
{
	width: 280px;
	padding-right: 0
}

.widescreen .footer .boston-postcards li .cards
{
	width: 120px
}

.no-select
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#dyn_wnd
{
	width: 360px;
	position: absolute;
	border-radius: 0 0 4px 4px;
	display: none;
	background-color: #fff;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	border: 1px solid #e5e9ef;
	text-align: center;
	font-size: 12px;
	z-index: 7000
}

#dyn_wnd li
{
	margin: 0;
	border: 0;
	float: none;
	position: relative
}

#dyn_wnd .num
{
	height: 14px;
	line-height: 14px;
	color: #fff;
	background: #f25d8e;
	border-radius: 10px;
	position: absolute;
	padding: 0 5px;
	display: none;
	font-weight: normal!important
}

#dyn_wnd .dyn_arrow
{
	height: 8px;
	width: 16px;
	top: -7px;
	left: 50%;
	margin-left: -8px;
	background: url(/images/v2images/topicons.png) no-repeat 0 -404px;
	position: absolute
}

#dyn_wnd .dyn_menu
{
	display: block;
	position: relative;
	text-align: center;
	padding: 16px 0 10px;
	line-height: normal
}

#dyn_wnd .dyn_menu b
{
	font-size: 14px
}

#dyn_wnd .dyn_menu .menu
{
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	text-align: center
}

#dyn_wnd .dyn_menu li
{
	width: 24px;
	height: 30px;
	line-height: 30px;
	float: left;
	cursor: pointer;
	margin-left: 10px;
	padding: 0 5px
}

#dyn_wnd .dyn_menu li:first-child
{
	margin: 0
}

#dyn_wnd .dyn_menu li:hover
{
	color: #00a1d6
}

#dyn_wnd .dyn_menu li.on
{
	color: #00a1d6
}

#dyn_wnd .dyn_menu li a
{
	width: 100%;
	white-space: nowrap;
	color: #222;
	line-height: 30px;
	text-align: left;
	margin: 0 auto
}

#dyn_wnd .dyn_menu li a:hover
{
	background-color: #00a1d6;
	color: #fff
}

#dyn_wnd .dyn_menu li a i
{
	margin-left: 10px;
	margin-right: 5px
}

#dyn_wnd .dyn_menu li .num
{
	top: -8px;
	right: -5px;
	left: auto
}

#dyn_wnd .dyn_menu li .num#live_num
{
	border-radius: 4px;
	width: 8px;
	height: 8px;
	min-width: 0;
	padding: 0;
	top: 4px;
	right: -4px
}

#dyn_wnd .dyn_menu .line
{
	position: absolute;
	left: 0;
	bottom: 0;
	background: #00a1d6;
	height: 1px;
	border: 0;
	width: 24px;
	margin: 0
}

#dyn_wnd .dyn_menu .line:before
{
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -3px;
	bottom: 0;
	width: 0;
	height: 0;
	border: 3px dashed #00a1d6;
	border-bottom-style: solid;
	border-top: 0;
	border-left-color: transparent;
	border-right-color: transparent
}

#dyn_wnd .dyn_list_wrapper
{
	height: 304px;
	overflow-y: auto;
	background-color: #fff;
	position: relative
}

#dyn_wnd .dyn_list_wrapper.view-review .dyn_list li .r,#dyn_wnd .dyn_list_wrapper.view-live .dyn_list li .r
{
	padding-top: 6px
}

#dyn_wnd .dyn_list_wrapper.view-live .dyn_list li
{
	padding-right: 50px
}

#dyn_wnd .dyn_list_wrapper.view-live .dyn_list li .r .title .uname
{
	max-width: 130px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top
}

#dyn_wnd .dyn_list
{
	background-color: #fff;
	position: relative
}

#dyn_wnd .dyn_list a:hover
{
	color: #00a1d6
}

#dyn_wnd .dyn_list li
{
	width: auto;
	zoom: 1;
	padding: 6px 12px 10px
}

#dyn_wnd .dyn_list li:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

#dyn_wnd .dyn_list li:first-child
{
	border: 0
}

#dyn_wnd .dyn_list li.d-data:hover
{
	background-color: #e5e9ef
}

#dyn_wnd .dyn_list li.d-data:hover.live .ignore
{
	display: block
}

#dyn_wnd .dyn_list li .new
{
	height: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #f25d8e;
	position: absolute;
	padding: 0 8px;
	top: 6px;
	right: 10px
}

#dyn_wnd .dyn_list li .preview
{
	background: #fff;
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 10px;
	margin-top: 4px;
	border-radius: 4px;
	overflow: hidden
}

#dyn_wnd .dyn_list li .preview.v
{
	width: 40px;
	height: 30px
}

#dyn_wnd .dyn_list li .preview img
{
	display: block;
	max-width: 100%;
	height: 100%;
	margin: 0 auto
}

#dyn_wnd .dyn_list li .preview.p
{
	border-radius: 4px;
	width: 60px;
	height: 60px
}

#dyn_wnd .dyn_list li .preview.p img
{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
	height: auto
}

#dyn_wnd .dyn_list li .preview.u
{
	width: 48px;
	height: 48px;
	border-radius: 24px
}

#dyn_wnd .dyn_list li .preview i
{
	margin-top: 11px
}

#dyn_wnd .dyn_list li .preview .watch-later
{
	margin-top: 0;
	right: 8px;
	top: 5px
}

#dyn_wnd .dyn_list li .preview:hover .watch-later
{
	opacity: 1
}

#dyn_wnd .dyn_list li.live .preview
{
	border-radius: 25px;
	width: 50px;
	height: 50px
}

#dyn_wnd .dyn_list li.live .r .info
{
	color: #6d757a
}

#dyn_wnd .dyn_list li .r
{
	text-align: left
}

#dyn_wnd .dyn_list li .r a
{
	width: auto;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

#dyn_wnd .dyn_list li .r .title
{
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#dyn_wnd .dyn_list li .r .title a,#dyn_wnd .dyn_list li .r .title .uname
{
	margin-right: 20px
}

#dyn_wnd .dyn_list li .r .title span
{
	color: #99a2aa;
	margin-right: 20px
}

#dyn_wnd .dyn_list li .r .title span.sp
{
	background: #ff8eb3;
	color: #fff;
	text-align: center;
	padding: 0 5px;
	margin-right: 5px;
	border-radius: 9px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 18px;
	line-height: 17px
}

#dyn_wnd .dyn_list li .r .title span.live
{
	color: #e5739e
}

#dyn_wnd .dyn_list li .r .info
{
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#dyn_wnd .dyn_list li .r .info a
{
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	color: #00a1d6
}

#dyn_wnd .dyn_list li .r .info a:hover
{
	text-decoration: underline
}

#dyn_wnd .dyn_list li .ignore
{
	position: absolute;
	right: 20px;
	bottom: 26px;
	cursor: pointer;
	width: 18px;
	height: 18px;
	background: url('../images/icons.png') -471px -535px no-repeat;
	display: none
}

#dyn_wnd .dyn_list li .ignore:hover
{
	background-position: -535px -535px
}

#dyn_wnd .dyn_list li.history
{
	height: 0;
	margin: 20px 20px;
	padding: 0;
	border-top: 1px solid #e5e9ef
}

#dyn_wnd .dyn_list li.no-border
{
	border: 0
}

#dyn_wnd .dyn_list li.loading
{
	height: 40px;
	line-height: 40px;
	color: #99a2aa;
	padding: 0
}

#dyn_wnd .dyn_list li.loading:before
{
	content: '';
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(/images/base/loading.gif) no-repeat center center;
	margin-right: 5px;
	margin-top: -5px
}

#dyn_wnd .dyn_list li.loading.f
{
	height: 15px;
	line-height: 15px
}

#dyn_wnd .dyn_list li.loading.f:before
{
	background: 0
}

#dyn_wnd .dyn_list li.loading.error
{
	background: 0
}

#dyn_wnd .dyn_list li.loading.f.m,#dyn_wnd .dyn_list li.loading.error.m
{
	cursor: pointer
}

#dyn_wnd .dyn_list li.no-data
{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	color: #99a2aa
}

#dyn_wnd .dyn_list li .history-tag
{
	position: absolute;
	z-index: 1;
	left: 50%;
	top: -11px;
	height: 20px;
	line-height: 20px;
	width: 64px;
	margin-left: -32px;
	color: #99a2aa;
	background-color: #fff
}

#dyn_wnd .notice_list
{
	clear: both;
	border-top: 1px solid #e5e9ef
}

#dyn_wnd .notice_list li
{
	float: left;
	width: 119px;
	border-left: 1px solid #e5e9ef
}

#dyn_wnd .notice_list li:first-child
{
	border: 0;
	width: 120px
}

#dyn_wnd .notice_list li a
{
	width: 100%;
	height: 45px;
	line-height: 45px
}

#dyn_wnd .notice_list li a:after
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 0;
	height: 100%;
	content: ".";
	vertical-align: middle;
	overflow: hidden
}

#dyn_wnd .notice_list li span
{
	height: 16px;
	line-height: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-left: 8px
}

#dyn_wnd .notice_list li .num
{
	top: 2px;
	right: 3px
}

#dyn_wnd .wnd_bottom .r-l
{
	line-height: 30px;
	height: 30px;
	position: relative;
	padding: 10px 12px 10px;
	white-space: nowrap;
	text-align: center
}

#dyn_wnd .wnd_bottom .r-l .num
{
	top: 7px;
	left: 60%
}

#dyn_wnd .wnd_bottom .check-all
{
	float: right;
	padding: 0 10px 0 30px;
	cursor: pointer;
	background: url(/images/v2images/topicons.png) no-repeat 5px -315px
}

#dyn_wnd .wnd_bottom .check-all.read-old
{
	background-position: 5px -350px
}

#dyn_wnd .wnd_bottom .check-all:hover
{
	background-color: #fff;
	transition: .1s background-color linear
}

#dyn_wnd .wnd_bottom .check-all:active
{
	background-color: #f3f3f3
}

#dyn_wnd .wnd_bottom a.read-more,#dyn_wnd .wnd_bottom a.btn-ignore-all,#dyn_wnd .wnd_bottom a.btn-live-more
{
	display: block;
	background-color: #e5e9ef;
	border-radius: 4px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #e0e6ed
}

#dyn_wnd .wnd_bottom a.read-more:hover,#dyn_wnd .wnd_bottom a.btn-ignore-all:hover,#dyn_wnd .wnd_bottom a.btn-live-more:hover
{
	background-color: #ccd0d7
}

#dyn_wnd .wnd_bottom .close
{
	clear: both;
	border-top: 1px solid #e5e9ef
}

.mini-wnd
{
	display: none;
	position: absolute;
	left: 0;
	top: 42px;
	background-color: #fff;
	width: 320px;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	border: 1px solid #e5e9ef;
	border-radius: 0 0 4px 4px;
	z-index: 200
}

.mini-wnd .list
{
	padding-top: 10px
}

.mini-wnd .list.history li
{
	clear: both;
	position: relative;
	padding-left: 38px;
	overflow: inherit;
	white-space: normal
}

.mini-wnd .list.history li:before
{
	left: 26px
}

.mini-wnd .list.history li.timeline
{
	color: #99a2aa;
	overflow: visible;
	height: 0;
	padding: 0;
	margin: 10px 0;
	border-top: 1px solid #e5e9ef;
	position: relative
}

.mini-wnd .list.history li.timeline:before
{
	display: none
}

.mini-wnd .list.history li.timeline .date
{
	background-color: #fff;
	position: absolute;
	top: -6px;
	left: 0;
	z-index: 10;
	padding: 0 10px 0 10px;
	height: 12px;
	line-height: 12px
}

.mini-wnd .list.history li.no-data
{
	border: 0;
	padding: 0
}

.mini-wnd .list.history li .device
{
	font-size: 12px;
	color: #99a2aa;
	float: right
}

.mini-wnd .list.history li .device .device-i
{
	width: 20px;
	height: 20px;
	background: url(''../images/icons.png'') no-repeat;
	float: left;
	margin-left: 9px;
	margin-top: 3px
}

.mini-wnd .list.history li .device .device-i.pc
{
	background-position: -1367px -406px
}

.mini-wnd .list.history li .device .device-i.phone
{
	background-position: -1367px -466px
}

.mini-wnd .list.history li .device .device-i.pad
{
	background-position: -1367px -526px
}

.mini-wnd .list.history li .device .device-i.unknown
{
	background-position: -1430px -407px
}

.mini-wnd .list.history li .device .progress
{
	float: left
}

.mini-wnd .list.history li .device .pages
{
	float: left
}

.mini-wnd .list.history li a
{
	max-width: 240px;
	float: left
}

.mini-wnd .list li
{
	height: 28px;
	line-height: 28px;
	text-align: left;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 12px 0 22px;
	position: relative
}

.mini-wnd .list li:before
{
	content: '';
	display: block;
	position: absolute;
	top: 13px;
	left: 10px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #6d757a
}

.mini-wnd .list li:hover
{
	background-color: #e5e9ef
}

.mini-wnd .list li.no-data
{
	text-align: center;
	color: #aaa
}

.mini-wnd .list li a
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block
}

.mini-wnd .list li a:hover
{
	color: #00a1d6
}

.mini-wnd .read-more
{
	display: block;
	margin: 4px 12px 12px;
	background-color: #e5e9ef;
	text-align: center;
	border: 1px solid #e0e6ed;
	height: 22px;
	line-height: 22px;
	color: #222;
	border-radius: 4px
}

.mini-wnd .read-more:hover
{
	background-color: #ccd0d7
}

.mini-wnd .read-all,.mini-wnd .play-all
{
	display: inline-block;
	margin: 4px 8px 12px;
	background-color: #e5e9ef;
	text-align: center;
	border: 1px solid #e0e6ed;
	height: 22px;
	line-height: 22px;
	color: #222;
	border-radius: 4px;
	width: 140px;
	float: left
}

.mini-wnd .read-all:hover,.mini-wnd .play-all:hover
{
	background-color: #ccd0d7
}

.mini-wnd .m-w-loading
{
	height: 100px;
	line-height: 100px;
	text-align: center
}

.mini-wnd .top-open-history
{
	display: none
}

.mini-wnd .top-open-history .txt
{
	font-size: 12px;
	color: #222;
	width: 215px;
	margin: 0 auto;
	line-height: normal;
	text-align: center;
	padding-top: 20px
}

.mini-wnd .top-open-history .openbtn
{
	font-size: 12px;
	color: #fff;
	margin: 0 auto;
	line-height: normal;
	text-align: left;
	background-color: #00a1d6;
	padding: 6.5px 11px;
	border-radius: 4px;
	margin: 10px 63px 20px;
	float: right;
	position: relative;
	z-index: 201
}

.mini-wnd .top-open-history .openbtn:hover
{
	background-color: #00b5e5
}

.mini-wnd .top-login .txt
{
	font-size: 14px;
	color: #222;
	width: 215px;
	margin: 0 auto 12px;
	line-height: normal;
	text-align: center;
	padding-top: 28px
}

.mini-wnd .top-login .loginbtn
{
	font-size: 12px;
	color: #fff;
	margin: 0 auto;
	line-height: normal;
	text-align: left;
	background-color: #00a1d6;
	padding: 5px 11px;
	border-radius: 4px;
	margin: 10px 63px 20px;
	position: relative;
	z-index: 201
}

.mini-wnd .top-login .loginbtn:hover
{
	background-color: #00b5e5
}

.onlinehs-mini
{
	width: 400px
}

.bubble
{
	display: none;
	position: absolute;
	left: -70px;
	top: 42px;
	background-color: #fff;
	min-width: 250px;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	border: 1px solid #e5e9ef;
	border-radius: 0 0 4px 4px;
	z-index: 200
}

.bubble .bubble-tradition
{
	padding: 0 14px
}

.bubble .bubble-tradition .top-bubble .title
{
	color: #212121;
	font-size: 14px;
	text-align: left;
	margin: 18px 0 12px;
	font-weight: 900
}

.bubble .bubble-tradition .top-bubble .image-holder
{
	border-radius: 4px;
	overflow: hidden
}

.bubble .bubble-tradition .top-bubble .image-holder img
{
	width: 100%;
	height: 100%
}

.bubble .bubble-tradition .top-bubble .subTitle
{
	color: #212121;
	font-size: 12px;
	margin: 10px 0 16px;
	text-align: left;
	max-height: 32px;
	overflow: hidden
}

.bubble .bubble-tradition .top-bubble .bubble-col-1 a .image-holder
{
	width: 230px;
	height: 72px
}

.bubble .bubble-tradition .top-bubble .bubble-col-2
{
	min-width: 232px
}

.bubble .bubble-tradition .top-bubble .bubble-col-2 a:first-child
{
	margin-right: 8px
}

.bubble .bubble-tradition .top-bubble .bubble-col-2 a
{
	display: inline-block;
	width: 112px;
	vertical-align: top
}

.bubble .bubble-tradition .top-bubble .bubble-col-2 a .image-holder
{
	width: 112px;
	height: 70px
}

.bubble .bubble-tradition .top-bubble .bubble-col-3
{
	min-width: 232px
}

.bubble .bubble-tradition .top-bubble .bubble-col-3 a:first-child,.bubble .bubble-tradition .top-bubble .bubble-col-3 a:first-child+a
{
	margin-right: 8px
}

.bubble .bubble-tradition .top-bubble .bubble-col-3 a
{
	display: inline-block;
	width: 72px;
	vertical-align: top
}

.bubble .bubble-tradition .top-bubble .bubble-col-3 a .image-holder
{
	width: 72px;
	height: 45px
}

.bubble .bubble-tradition .bubble-message li.message
{
	text-align: left;
	line-height: normal;
	margin-bottom: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 232px
}

.bubble .bubble-tradition .bubble-message li.message span.sign
{
	color: white;
	border-radius: 4px;
	padding: 1px 4px
}

.bubble .bubble-tradition .bubble-message li.message span.report
{
	background-color: #fb7299
}

.bubble .bubble-tradition .bubble-message li.message span.notice
{
	background-color: #00b5e5
}

.bubble .bubble-tradition .bubble-message li.message span.gift
{
	background-color: #ffc248
}

.bubble .bubble-tradition .bubble-message li.message span.title
{
	margin-left: 8px;
	color: #222
}

.bubble .bubble-tradition .bubble-message li.message span.title.red
{
	color: #fb7299
}

.bubble .image-holder img
{
	width: 100%;
	height: 100%
}

.bubble .title
{
	font-size: 12px;
	color: #212121;
	line-height: normal
}

.bubble .title span
{
	font-size: 18px;
	color: #fb7299
}

.bubble .subTitle
{
	font-size: 12px;
	color: #757575;
	line-height: normal
}

.bubble .subTitle span
{
	color: #fb7299
}

.bubble .button
{
	height: 32px;
	line-height: 32px;
	width: 120px;
	background-color: #00b5e5;
	display: inline-block;
	margin-top: 21px;
	margin-bottom: 16px;
	border-radius: 4px;
	color: #fff
}

.bubble .bubble-notification .image-holder
{
	width: 192px;
	height: 129px;
	margin: 18px auto 0
}

.bubble .bubble-notification .title
{
	margin-top: 16px
}

.bubble .bubble-notification .subTitle
{
	margin-top: 12px
}

.bubble .bubble-welfare .image-holder
{
	width: 210px;
	height: 138px;
	margin: 18px auto 0
}

.bubble .bubble-welfare .title
{
	margin-top: 18px
}

.bubble .bubble-welfare .subTitle
{
	margin-top: 9px
}

.bubble .bubble-welfare .corner-icon
{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 12px
}

.tool-tip
{
	position: absolute;
	padding: 6px;
	z-index: 20000
}

.tool-tip .close
{
	position: absolute;
	right: 6px;
	top: 8px;
	height: 16px;
	width: 16px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	cursor: pointer
}

.tool-tip .tip-arrow
{
	position: absolute;
	width: 8px;
	height: 8px;
	line-height: 0;
	background-image: url(/images/v3images/arrow.png);
	background-repeat: no-repeat
}

.tool-tip.tool-tip-t .tip-arrow
{
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	background-position: 0 -15px
}

.tool-tip.tool-tip-b .tip-arrow
{
	top: 0;
	left: 50%;
	margin-left: -4px;
	background-position: 0 -47px
}

.tool-tip.tool-tip-l .tip-arrow
{
	right: -1px;
	top: 50%;
	margin-top: -4px;
	background-position: 0 0
}

.tool-tip.tool-tip-r .tip-arrow
{
	left: -1px;
	top: 50%;
	margin-top: -4px;
	background-position: 0 -31px
}

.tool-tip .tip-text
{
	border-radius: 5px;
	background-color: #fff;
	padding: 2px 10px;
	text-align: left;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 12px;
	line-height: 16px;
	max-width: 150px;
	border: 1px solid #e5e9ef
}

.nav-tool-tip
{
	position: absolute;
	padding: 6px;
	z-index: 10010
}

.nav-tool-tip .close
{
	position: absolute;
	right: 6px;
	top: 8px;
	height: 16px;
	width: 16px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	cursor: pointer
}

.nav-tool-tip .tip-arrow
{
	position: absolute;
	width: 8px;
	height: 8px;
	line-height: 0;
	background-image: url(/images/v3images/arrow.png);
	background-repeat: no-repeat
}

.nav-tool-tip.tool-tip-t .tip-arrow
{
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	background-position: 0 -15px
}

.nav-tool-tip.tool-tip-b .tip-arrow
{
	top: 0;
	left: 50%;
	margin-left: -4px;
	background-position: 0 -47px
}

.nav-tool-tip.tool-tip-l .tip-arrow
{
	right: -1px;
	top: 50%;
	margin-top: -4px;
	background-position: 0 0
}

.nav-tool-tip.tool-tip-r .tip-arrow
{
	left: -1px;
	top: 50%;
	margin-top: -4px;
	background-position: 0 -31px
}

.nav-tool-tip .tip-text
{
	border-radius: 5px;
	background-color: #fff;
	padding: 2px 10px;
	text-align: left;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 12px;
	line-height: 16px;
	max-width: 150px;
	border: 1px solid #e5e9ef
}

.icons2
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	background-image: url(/message/img/infocenterIcon-63a6a5f6df.png)
}

.icons2.icons-reply
{
	background-position: -30px -210px
}

.icons2.icons-at
{
	background-position: -33px -341px
}

.icons2.icons-love
{
	background-position: -32px -244px
}

.icons2.icons-system
{
	background-position: -33px -279px
}

.icons2.icons-message
{
	background-position: -33px -309px
}

#community_msg
{
	width: 110px;
	position: absolute;
	border-radius: 0 0 4px 4px;
	display: none;
	background: #fff;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	text-align: center;
	font-size: 12px;
	z-index: 7000
}

#community_msg .icons2
{
	display: none
}

#community_msg li
{
	margin: 0;
	border: 0;
	float: none;
	position: relative
}

#community_msg .num
{
	height: 14px;
	line-height: 14px;
	color: #fff;
	background: #f25d8e;
	border-radius: 4px;
	position: absolute;
	padding: 0 8px;
	display: none;
	font-weight: normal!important
}

#community_msg .dyn_menu
{
	display: block;
	position: relative;
	line-height: 42px;
	padding-left: 0
}

#community_msg .dyn_menu b
{
	font-size: 14px
}

#community_msg .dyn_menu .menu
{
	position: relative;
	text-align: center
}

#community_msg .dyn_menu li
{
	height: 42px;
	line-height: 42px;
	cursor: pointer;
	font-size: 12px;
	padding-left: 28px
}

#community_msg .dyn_menu li:hover
{
	color: #00a1d6;
	background-color: #e5e9ef
}

#community_msg .dyn_menu li.on
{
	color: #00a1d6;
	font-weight: bold
}

#community_msg .dyn_menu .line
{
	position: absolute;
	left: 0;
	bottom: 0;
	background: #00a1d6;
	height: 5px;
	border: 0;
	width: 80px;
	margin: 0
}

#community_msg .dyn_menu li a
{
	display: block;
	width: 100%;
	white-space: nowrap;
	color: #222;
	line-height: 42px;
	margin: 0 auto;
	transition: 0s;
	text-align: left
}

#community_msg .dyn_menu li a i
{
	margin-left: 0;
	margin-right: 5px;
	vertical-align: middle
}

#community_msg .dyn_menu li a .inner-num
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-radius: 10px;
	line-height: 12px;
	position: absolute;
	top: 14px;
	left: 82px;
	color: #fff;
	background-color: #f25d8e;
	min-width: 16px;
	padding: 1px 2px;
	text-align: center;
	display: none
}

#community_msg .dyn_arrow
{
	height: 7px;
	width: 18px;
	top: -7px;
	left: 50%;
	margin-left: -8px;
	background: url(/images/v2images/topicons.png) no-repeat 0 -404px;
	position: absolute;
	display: none
}

#community_msg .dyn_menu li a .inner-type
{
	display: inline-block;
	width: 50px;
	text-align: left
}

#community_msg .dyn_menu li a:hover
{
	background-color: transparent;
	color: #00a1d6
}

#community_msg .dyn_menu li .num
{
	top: -8px;
	right: -5px
}

#community_msg .dyn_menu li a:hover .icons2.icons-reply
{
	background-position: -63px -210px
}

#community_msg .dyn_menu li a:hover .icons2.icons-at
{
	background-position: -64px -341px
}

#community_msg .dyn_menu li a:hover .icons2.icons-love
{
	background-position: -65px -244px
}

#community_msg .dyn_menu li a:hover .icons2.icons-system
{
	background-position: -65px -279px
}

#community_msg .dyn_menu li a:hover .icons2.icons-message
{
	background-position: -65px -309px
}

.bilibili-suggest
{
	border: 1px solid #e5e9ef;
	position: absolute;
	background: #fff;
	z-index: 199;
	border-radius: 4px;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	padding-bottom: 5px
}

.bilibili-suggest .suggest-item
{
	padding: 6px 10px;
	cursor: pointer;
	word-wrap: break-word;
	word-break: break-all;
	display: block;
	color: #222;
	position: relative
}

.bilibili-suggest .suggest-item.focus
{
	background-color: #e5e9ef
}

.bilibili-suggest .suggest-item a
{
	color: #222
}

.bilibili-suggest .suggest-item a.link-wrp
{
	display: block
}

.bilibili-suggest .suggest-item .suggest_high_light
{
	color: #f25d8e
}

.bilibili-suggest .suggest-item .suggset_ref_count_em
{
	float: right;
	font-size: 10px
}

.bilibili-suggest .suggest-item.bangumi .r-item .preview
{
	height: 65px
}

.bilibili-suggest .suggest-item.topic .r-item .preview
{
	height: 63px
}

.bilibili-suggest .suggest-item .r-item
{
	overflow: hidden;
	position: relative
}

.bilibili-suggest .suggest-item .r-item .info
{
	overflow: hidden
}

.bilibili-suggest .suggest-item .r-item .type
{
	display: inline-block;
	border: 1px solid #e5e9ef;
	height: 22px;
	line-height: 22px;
	width: 52px;
	text-align: center;
	border-radius: 4px;
	margin-right: 10px;
	vertical-align: top
}

.bilibili-suggest .suggest-item .r-item .t
{
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.bilibili-suggest .suggest-item .r-item .preview
{
	float: left;
	margin-right: 10px;
	width: 49px;
	height: 49px
}

.bilibili-suggest .suggest-item .r-item .preview img
{
	display: block;
	width: 100%;
	height: 100%
}

.bilibili-suggest .suggest-item .r-item .v-info
{
	position: absolute;
	left: 59px;
	bottom: 0;
	right: 0;
	max-width: 230px;
	height: 16px;
	line-height: 16px
}

.bilibili-suggest .suggest-item .r-item .v-info span
{
	color: #99a2aa;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 50%;
	max-width: 115px
}

.bilibili-suggest .suggest-item .r-item .pubdate,.bilibili-suggest .suggest-item .r-item .bgm-info
{
	height: 16px;
	line-height: 16px;
	padding: 4px 0;
	color: #99a2aa
}

.bilibili-suggest .suggest-item .r-item .bgm-info span
{
	color: #00a1d6
}

.bilibili-suggest li.acc .suggest-item
{
	padding: 10px 10px
}

.bilibili-suggest li.kw
{
	padding-bottom: 10px
}

.bilibili-suggest .b-line
{
	border-top: 1px solid #e5e9ef;
	position: relative;
	height: 10px;
	margin: 10px 10px 0 10px
}

.bilibili-suggest .b-line.history-t
{
	margin: 20px 10px 0 10px;
	height: 20px
}

.bilibili-suggest .b-line p
{
	margin-top: -10px;
	text-align: center
}

.bilibili-suggest .b-line span
{
	display: inline-block;
	padding: 0 10px;
	height: 18px;
	text-align: center;
	cursor: pointer;
	color: #99a2aa;
	background: #fff
}

.bilibili-suggest .cancel
{
	position: absolute;
	right: 10px;
	top: 0;
	width: 38px;
	height: 28px;
	background: url('../images/icons.png') -461px -530px no-repeat
}

.bilibili-suggest .cancel:hover
{
	background-position: -525px -530px
}

.nav-search
{
	position: relative;
	float: right;
	height: 32px;
	margin: 5px 12px 5px 0
}

.nav-search.search-focus #nav_searchform,.nav-search.search-hover #nav_searchform
{
	border-color: #99a2aa
}

.nav-search.search-focus .nav-search-keyword,.nav-search.search-hover .nav-search-keyword
{
	width: 148px;
	color: #222
}

.z_top.b-header-blur .nav-search
{
	display: none
}

.nav-search #nav_searchform
{
	display: block;
	background-color: #fff;
	border-radius: 16px;
	padding-right: 30px;
	height: 30px;
	transition: .2s border-color;
	border: 1px solid #ccd0d7
}

.nav-search .nav-search-keyword
{
	float: left;
	width: 40px;
	color: #99a2aa;
	font-size: 12px;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 10px;
	border: 0;
	box-shadow: none;
	background-color: transparent;
	transition: .2s width
}

.nav-search .nav-search-keyword::-ms-clear
{
	display: none
}

.nav-search .nav-search-submit
{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	min-width: 0;
	cursor: pointer;
	height: 32px;
	background: url('../images/icons.png') -786px -721px;
	margin: 0;
	padding: 0;
	border: 0
}

.nav-search .nav-search-submit:hover
{
	background-position: -723px -721px
}

.legalize-16-1
{
	background-image: url(/images/base/legalize-16-1.png)
}

.legalize-16-2
{
	background-image: url(/images/base/legalize-16-2.png)
}

.legalize-16-1,.legalize-16-2
{
	height: 20px;
	width: 20px;
	display: inline-block
}

.legalize-24-1
{
	background-image: url(/images/base/legalize-24-1.png)
}

.legalize-24-2
{
	background-image: url(/images/base/legalize-24-2.png)
}

.legalize-24-1,.legalize-24-2
{
	height: 20px;
	width: 20px;
	display: inline-block
}

.legalize-14-1
{
	background-image: url(/images/base/legalize-14-1.png)
}

.legalize-14-2
{
	background-image: url(/images/base/legalize-14-2.png)
}

.legalize-14-1,.legalize-14-2
{
	height: 20px;
	width: 20px;
	display: inline-block
}

html,body
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font: 12px 'Helvetica Neue',Helvetica,Arial,'Microsoft Yahei','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif;
	background: #fff;
	color: #222;
	min-width: 990px;
	tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent
}

.b-page-body
{
	zoom: 1
}

.b-page-body:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.main-inner
{
	width: 980px;
	margin: 0 auto;
	position: relative;
	zoom: 1
}

.main-inner:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.widescreen .main-inner
{
	width: 1160px
}

button
{
	font: inherit;
	margin: 0;
	padding: 0;
	line-height: 1;
	border: 0
}

input,textarea
{
	font: 12px 'Helvetica Neue',Helvetica,Arial,'Microsoft Yahei','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif
}

input[type=text]
{
	color: #222;
	border: 1px solid #ccd0d7
}

.b-btn,button
{
	color: #fff;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	background-color: #00a1d6;
	vertical-align: middle;
	border: 1px solid #00a1d6;
	transition: .1s;
	transition-property: background-color,border,color;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

a.b-btn,abutton
{
	color: #fff
}

.b-btn:hover,button:hover
{
	background-color: #00b5e5;
	border-color: #00b5e5
}

.b-btn:active,button:active
{
	background-color: #00a1d6;
	border-color: #00a1d6
}

.b-btn.l,button.l
{
	font-weight: bolder;
	font-size: 16px
}

.b-btn.w,button.w,.b-btn.b-btn-w,button.b-btn-w
{
	color: #222;
	background-color: #fff;
	border: 1px solid #ccd0d7
}

.b-btn.w:hover,button.w:hover,.b-btn.b-btn-w:hover,button.b-btn-w:hover
{
	color: #00a1d6;
	border-color: #00a1d6
}

a.b-btn.w,abutton.w,a.b-btn.b-btn-w,abutton.b-btn-w
{
	color: #222
}

.b-btn.b-btn-textonly,button.b-btn-textonly
{
	color: #00a1d6;
	border-color: transparent;
	background-color: #fff
}

.b-btn.b-btn-textonly:hover,button.b-btn-textonly:hover
{
	border-color: #e5e9ef;
	color: #00a1d6;
	background-color: #e5e9ef
}

.b-btn.disabled,button.disabled
{
	background-color: #e5e9ef!important;
	border-color: #e5e9ef!important;
	color: #b8c0cc!important
}

.b-btn-cancel
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	cursor: pointer;
	color: #222;
	border: 1px solid #ccd0d7;
	background-color: #fff;
	border-radius: 4px;
	transition: .1s;
	transition-property: background-color,border,color
}

.b-btn-cancel:hover
{
	color: #00a1d6;
	border-color: #00a1d6
}

.b-input,input.b-input,textarea.b-input
{
	border: 1px solid #ccd0d7;
	background-color: #fff;
	position: relative;
	zoom: 1;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-radius: 4px;
	box-shadow: none;
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
	margin: 0;
	transition: .2s border;
	font-size: 12px
}

input.b-input::-ms-clear
{
	display: none
}

input.b-input::-ms-reveal
{
	display: none
}

textarea.b-input
{
	padding: 5px 10px;
	line-height: normal;
	overflow: auto
}

input.b-input.disabled
{
	color: #b8c0cc!important;
	border-color: #e5e9ef!important
}

.b-input:hover,.b-input:focus
{
	border-color: #00a1d6!important
}

.b-input.error
{
	border-color: #e40c0c!important
}

.b-icon
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	*vertical-align: middle!important;
	width: 12px;
	height: 12px;
	background: url('../images/icons.png') no-repeat
}

.b-icon.b-icon-v-play
{
	background-position: -282px -90px
}

.b-icon.b-icon-v-dm
{
	background-position: -282px -218px
}

.b-icon.b-icon-v-fav
{
	background-position: -282px -346px
}

.b-icon.b-icon-v-zf
{
	background: url(/images/base/bangumi-zf-icon.png) no-repeat;
	background-position: 0 1px
}

.b-icon.b-icon-v-coin
{
	background-position: -282px -410px
}

.b-icon.b-icon-v-author
{
	background-position: -282px -154px
}

.b-icon.b-icon-v-comment
{
	background-position: -282px -1114px
}

.b-icon.b-icon-bangumi-w
{
	width: 54px;
	height: 54px;
	background: url(/images/base/bangumi-weekday.png) no-repeat
}

.b-icon.b-icon-bangumi-w.b-icon-bangumi-wn
{
	background-position: -933px -38px
}

.b-icon.b-icon-bangumi-w.b-icon-bangumi-w0
{
	background-position: -805px -38px
}

.b-icon.b-icon-bangumi-w.b-icon-bangumi-w1
{
	background-position: -36px -38px
}

.b-icon.b-icon-bangumi-w.b-icon-bangumi-w2
{
	background-position: -165px -38px
}

.b-icon.b-icon-bangumi-w.b-icon-bangumi-w3
{
	background-position: -293px -38px
}

.b-icon.b-icon-bangumi-w.b-icon-bangumi-w4
{
	background-position: -420px -38px
}

.b-icon.b-icon-bangumi-w.b-icon-bangumi-w5
{
	background-position: -549px -38px
}

.b-icon.b-icon-bangumi-w.b-icon-bangumi-w6
{
	background-position: -677px -38px
}

.b-icon.b-icon-arrow-l-d
{
	width: 18px;
	height: 8px;
	background-position: -853px -489px
}

.b-icon.b-icon-arrow-d
{
	background-position: -475px -157px;
	width: 12px;
	height: 6px
}

.b-icon.b-icon-arrow-r
{
	background-position: -478px -218px;
	width: 6px;
	height: 12px;
	margin: -2px 0 0 5px
}

.b-icon.b-icon-arrow-red-r
{
	background-position: -478px -281px;
	width: 6px;
	height: 12px;
	margin: -2px 0 0 5px
}

.b-icon.b-icon-toggle-down
{
	background: url('../images/icons.png') -474px -732px no-repeat;
	width: 12px;
	height: 10px
}

.b-icon.b-icon-toggle-up
{
	background: url('../images/icons.png') -473px -797px no-repeat;
	width: 12px;
	height: 10px
}

.b-icon.b-icon-live-host
{
	background-position: -282px -154px
}

.b-icon.b-icon-live-online
{
	background: url(/images/base/live-eye.png)
}

.b-icon.b-icon-live-onair
{
	background: url(/images/v3images/live_state.png) 0 0 no-repeat;
	width: 14px;
	height: 14px
}

.b-icon.b-icon-live-play
{
	background: url(/images/v3images/live_play.png) 0 0 no-repeat;
	width: 39px;
	height: 39px
}

.b-icon.b-icon-tip
{
	background: url(/upload/img/icons.png) -52px -27px no-repeat;
	width: 16px;
	height: 16px
}

.b-icon.b-icon-love
{
	width: 12px;
	height: 12px;
	vertical-align: top;
	margin-top: 6px;
	background: url('../images/icons.png') -666px -602px no-repeat
}

.b-icon.b-icon-delete
{
	width: 12px;
	height: 16px;
	vertical-align: top;
	margin-top: 6px;
	background: url('../images/icons.png') -281px -1047px no-repeat
}

.b-icon.b-icon-history
{
	background: url('../images/icons.png') -83px -850px no-repeat;
	width: 28px;
	height: 28px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 8px
}

.b-icon.b-icon-triangle-gray-left
{
	background: url('../images/icons.png') -841px -982px no-repeat;
	width: 13px;
	height: 20px;
	display: inline-block;
	z-index: 2
}

.b-icon.b-icon-n-activity
{
	width: 16px;
	background-position: -280px -1179px
}

.b-icon.b-icon-n-gc
{
	width: 16px;
	background-position: -279px -1241px
}

.b-icon.b-icon-n-yoo
{
	width: 16px;
	background-position: -280px -1306px
}

.b-icon.b-icon-n-h
{
	width: 16px;
	background-position: -280px -1370px
}

.b-icon.b-icon-n-mango
{
	width: 16px;
	height: 13px;
	background-position: -280px -1433px
}

.b-icon.b-icon-n-new
{
	width: 16px;
	height: 13px;
	background-position: -344px -1178px
}

.vip-buy
{
	display: inline-block;
	width: 16px;
	height: 13px;
	margin-right: 4px;
	background-repeat: no-repeat;
	background-image: url(/images/base/icon-pc.png);
	background-position: center
}

.img-loading
{
	background: #e5e9ef url(/images/v3images/img_loading.png) center center no-repeat;
	height: 100%
}

.preview img
{
	display: block
}

.left,.b-f-left
{
	float: left
}

.right,.b-f-right
{
	float: right
}

.small,.b-page-small
{
	width: 260px;
	position: relative
}

.small .mobile-link-l,.b-page-small .mobile-link-l
{
	background: url(//i0.hdslb.com/bfs/static/6f3a2e247a91eacf120ce61e75dc49d7a7de1dda.png) no-repeat center;
	background-color: #fff;
	width: 260px;
	height: 276px;
	margin: 15px 0 15px 0;
	border: solid 1px #ddd;
	border-radius: 4px
}

.small .mobile-link-l a,.b-page-small .mobile-link-l a
{
	display: block;
	width: 100%;
	height: 100%
}

.b-page-small .t-166-qa
{
	margin-top: 30px
}

.b-page-small .t-166-qa img
{
	width: 100%;
	height: 100%
}

.large,.b-page-large
{
	width: 700px;
	position: relative
}

.widescreen .large,.widescreen .b-page-large
{
	width: 880px
}

.rank-page .large,.rank-page .b-page-large
{
	width: auto
}

.small.spl
{
	width: 250px
}

.large.spl
{
	width: 670px
}

.widescreen .large.spl
{
	width: 890px
}

.ov-hidden
{
	overflow: hidden
}

.ad-e3,.ad-e4
{
	text-align: center;
	margin: 0 0 25px 0;
	clear: both
}

.ad-c3,.ad-c4,.ad-c5,.ad-c6
{
	margin: 10px 0 10px 0
}

.no_more
{
	font-family: simhei;
	color: #99a2aa;
	text-align: center;
	padding: 50px 0 50px 0
}

.v-pay-tag
{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #fff;
	line-height: 24px;
	height: 24px;
	border-radius: 0 4px 0 12px;
	background-color: #ffa200;
	padding: 0 10px;
	z-index: 1
}

.header
{
	background: transparent no-repeat center -10px;
	position: relative;
	margin: -42px auto 0;
	*z-index: 100
}

.header .logo
{
	position: absolute;
	width: 220px;
	height: 105px;
	left: 24px;
	top: 55px;
	background: transparent no-repeat left center;
	z-index: 100
}

.header .h-center
{
	width: 980px;
	margin: 0 auto;
	position: relative;
	height: 170px;
	transition: .2s height
}

.widescreen .header .h-center
{
	width: 1160px
}

.header .h-center .banner-title
{
	position: absolute;
	top: 114px;
	left: 255px;
	line-height: 20px;
	padding: 6px 10px;
	background-color: #000;
	background-color: rgba(0,0,0,0.68);
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
	max-width: 350px;
	visibility: hidden;
	opacity: 0;
	transition: .2s
}

.widescreen .header .h-center .banner-title
{
	max-width: 520px
}

.header .h-center .banner-title.in
{
	visibility: visible;
	opacity: 1;
	-webkit-animation: scale-in .2s linear;
	animation: scale-in .2s linear
}

.header .header-layer,.header .header-link
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 170px;
	z-index: 10
}

.header .num
{
	width: 100%;
	background: #fff
}

.header .num.nav-main ul.nav-menu
{
	height: 49px;
	border-bottom: 1px solid #e5e9ef
}

.header .num .menu-wrapper
{
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 6px 0;
	z-index: 100
}

.widescreen .header .num .menu-wrapper
{
	width: 1160px
}

.header .num ul.nav-menu
{
	zoom: 1;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	height: 50px
}

.header .num ul.nav-menu:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.header .num .menu-r
{
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	padding: 6px 0
}

.header .num .menu-r .random-p,.header .num .menu-r .mobile-p
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	margin: 3px 0;
	overflow: hidden
}

.header .num .menu-r .random-p img,.header .num .menu-r .mobile-p img
{
	display: block;
	max-width: 100%;
	height: 100%;
	margin: 0 auto
}

.header .num .menu-r .random-p
{
	width: 80px;
	height: 44px
}

.header .num .menu-r .mobile-p
{
	width: 58px;
	height: 44px;
	background: url(/images/base/app-link.png) center center no-repeat;
	position: relative;
	overflow: visible
}

.header .num .menu-r .mobile-p:hover
{
	background-image: url(/images/base/app-link-hover.png)
}

.header .num .menu-r .mobile-p:hover .mobile-p-box
{
	*display: block;
	visibility: visible;
	opacity: 1
}

.header .num .menu-r .mobile-p .mobile-p-box
{
	visibility: hidden;
	opacity: 0;
	*display: none;
	position: absolute;
	overflow: hidden;
	top: 44px;
	width: 259px;
	height: 174px;
	right: -20px;
	background: url(/images/base/app-box.png) center center no-repeat;
	transition: .2s;
	transition-property: opacity
}

.header .num .menu-r .mobile-p .mobile-p-box .mobile-p-qrcode
{
	position: absolute;
	top: 30px;
	width: 100px;
	height: 100px;
	left: 80px;
	background: url(/images/base/app-qrcode.png) center center no-repeat
}

@media(max-width:1000px)
{
	.header .num .menu-r .mobile-p .mobile-p-box
	{
		right: 0
	}
}

.header .num.p-menu ul
{
	border-bottom: 1px solid #e5e9ef
}

.header .num li.m-i
{
	float: left;
	position: relative;
	font-size: 14px;
	display: block;
	height: 50px;
	margin-right: -1px
}

.widescreen .header .num li.m-i
{
	margin-right: 12px
}

.header .num li.m-i:first-child
{
	margin-left: 0
}

.header .num li.m-i:last-child a.i-link em,.header .num li.m-i.m-i-last a.i-link em
{
	margin-right: 0
}

.header .num li.m-i.m-i-live.on a.i-link em,.header .num li.m-i.m-i-square.on a.i-link em,.header .num li.m-i.m-i-blackroom.on a.i-link em
{
	height: 48px
}

.header .num li.m-i.m-i-live
{
	margin: 0 16px 0 10px
}

.header .num li.m-i.m-i-live a.link
{
	margin: 0
}

.header .num li.m-i.m-i-live a.i-link em
{
	padding-left: 22px;
	padding-right: 0;
	padding-top: 0;
	height: 50px;
	margin: 0!important;
	background: url('../images/icons.png') -664px -518px no-repeat;
	font-size: 16px
}

.header .num li.m-i.m-i-live .nav-live
{
	width: 350px;
	padding: 10px 0
}

.header .num li.m-i.m-i-live .nav-live ul
{
	float: left
}

.header .num li.m-i.m-i-live .nav-live ul li
{
	min-width: 100px
}

.header .num li.m-i.m-i-live .nav-live .live-field
{
	float: left;
	padding-left: 20px;
	width: 210px;
	height: 250px;
	border-left: 1px solid #e5e9ef;
	margin: 10px 0
}

.header .num li.m-i.m-i-live .nav-live .live-field .pic
{
	display: inline-block;
	margin-bottom: 20px
}

.header .num li.m-i.m-i-blackroom
{
	margin: 0 16px 0 10px
}

.header .num li.m-i.m-i-blackroom a.i-link em
{
	padding-left: 22px;
	padding-right: 0;
	padding-top: 0;
	height: 50px;
	margin: 0!important;
	font-size: 16px
}

.header .num li.m-i.m-i-blackroom a.i-link em:before
{
	position: absolute;
	background: url('../images/icons.png') -727px -519px no-repeat;
	display: inline-block;
	width: 22px;
	height: 50px;
	left: 0;
	content: ' '
}

.header .num li.m-i.m-i-square
{
	margin: 0 16px 0 10px
}

.widescreen .header .num li.m-i.m-i-square
{
	margin: 0 20px 0 10px
}

.header .num li.m-i.m-i-square .i_num
{
	padding: 4px 0
}

.header .num li.m-i.m-i-square .i_num li
{
	min-width: 107px;
	margin-top: 8px
}

.header .num li.m-i.m-i-square .i_num li:first-child
{
	margin-top: 0
}

.header .num li.m-i.m-i-square .i_num li a
{
	padding: 2px 10px 2px 18px;
	background: 0
}

.header .num li.m-i.m-i-square .i_num li a .b-icon
{
	margin-right: 4px;
	margin-top: 4px;
	vertical-align: top
}

.header .num li.m-i.m-i-square .i_num li a em
{
	display: none
}

.header .num li.m-i.m-i-square .i_num .square-pmt-field
{
	display: none
}

.header .num li.m-i.m-i-square a.i-link
{
	margin: 0
}

.header .num li.m-i.m-i-square a.i-link em
{
	padding-left: 22px;
	padding-right: 0;
	padding-top: 0;
	height: 50px;
	margin: 0!important;
	font-size: 16px;
	background: url('../images/icons.png') -664px -904px no-repeat
}

.header .num li.m-i.m-i-square.m-i-ex .i_num
{
	padding-top: 20px;
	padding-bottom: 20px;
	white-space: nowrap;
	width: 387px;
	height: 188px
}

.header .num li.m-i.m-i-square.m-i-ex .i_num ul
{
	width: 107px;
	margin-top: -6px
}

.header .num li.m-i.m-i-square.m-i-ex .i_num .square-pmt-field
{
	position: absolute;
	top: 20px;
	right: 0;
	display: block;
	width: 240px;
	height: 188px;
	padding: 0 20px 0 19px;
	border-left: 1px solid #e5e9ef
}

.header .num li.m-i.m-i-square.m-i-ex .i_num .square-pmt-field .square-pmt-item
{
	margin-top: 20px;
	overflow: hidden
}

.header .num li.m-i.m-i-square.m-i-ex .i_num .square-pmt-field .square-pmt-item:first-child
{
	margin-top: 0
}

.header .num li.m-i.m-i-square.m-i-ex .i_num .square-pmt-field .square-pmt-item img
{
	width: 240px;
	height: 84px;
	border-radius: 4px
}

.header .num li.m-i a.i-link
{
	position: relative;
	z-index: 10;
	font-size: 14px
}

.header .num li.m-i a.i-link em
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	line-height: 48px;
	margin: 0 10px;
	height: 40px;
	padding-top: 8px
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.header .num li.m-i a.i-link em
	{
		line-height: 50px
	}
}

.header .num li.m-i.on a.i-link
{
	border-bottom: 2px solid #00a1d6;
	color: #00a1d6
}

.header .num li.m-i.home
{
	width: auto;
	margin: 0;
	padding: 0 9px 0 0
}

.widescreen .header .num li.m-i.home
{
	padding: 0 18px 0 0
}

.header .num li.m-i.home a.i-link
{
	padding: 0;
	background: url('../images/icons.png') -658px -1170px no-repeat
}

.header .num li.m-i.home a.i-link em
{
	padding-right: 0;
	padding-left: 0;
	margin: 0
}

.header .num li.m-i span
{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -12px;
	color: #fff;
	border-radius: 4px;
	height: 12px;
	line-height: 10px;
	text-align: center;
	font-family: Calibri,Arial,Helvetica,sans-serifsans-serif;
	background-color: #ffafc9;
	font-size: 11px;
	min-width: 18px;
	padding: 1px 3px
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.header .num li.m-i span
	{
		line-height: 12px
	}
}

.header .num li.m-i .v-num
{
	position: absolute;
	top: 8px;
	left: 0;
	height: 14px;
	width: 100%;
	text-align: center
}

.header .num li.m-i .v-num span
{
	position: static;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	top: auto;
	left: auto;
	margin-left: 0;
	background-color: #ffafc9
}

.header .num li.m-i a
{
	color: #222;
	display: block
}

.header .num li.m-i a:hover
{
	color: #00a1d6
}

.header .num li.m-i.no_border
{
	border: 0
}

.header .num li.m-i .i_num
{
	position: absolute;
	display: none;
	z-index: 100;
	left: 0;
	overflow: hidden;
	top: 49px;
	background: #fff;
	border: 1px solid #e5e9ef \9;
	border-top: 0;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	border-radius: 0 0 4px 4px;
	*width: 150px;
	height: auto
}

.header .num li.m-i .i_num li
{
	position: relative;
	font-size: 12px;
	line-height: 20px;
	min-width: 120px;
	height: auto;
	overflow: hidden;
	text-align: left;
	transition: .2s all
}

.header .num li.m-i .i_num li:hover
{
	background-color: #e5e9ef
}

.header .num li.m-i .i_num li a
{
	padding: 5px 15px 5px 25px;
	margin-right: 10px;
	background: url(/images/v3images/icons2.png) no-repeat 12px -1613px;
	white-space: nowrap;
	transition: .2s all;
	overflow: hidden;
	position: relative;
	left: 0;
	color: #222
}

.header .num li.m-i .i_num li a b
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	font-weight: normal
}

.header .num li.m-i .i_num li a em
{
	background: url(/images/v3images/icons2.png) no-repeat 0 -1581px;
	width: 15px;
	height: 18px;
	display: block;
	position: absolute;
	right: -100px;
	top: 0;
	transition: .2s all;
	opacity: 0;
	filter: alpha(opacity=0)
}

.header .num li.m-i .i_num li:hover a
{
	left: 5px;
	text-shadow: none;
	color: #222
}

.header .num li.m-i .i_num li:hover a em
{
	right: -21px;
	opacity: 1;
	filter: alpha(opacity=100)
}

.header .num li.m-i:hover .i_num
{
	display: block
}

.header .num .search
{
	position: absolute;
	top: -56px;
	right: 0;
	width: 268px;
	height: 32px;
	padding: 2px 2px 2px 72px;
	background-color: #e5e9ef;
	background-color: rgba(0,0,0,0.12);
	border-radius: 6px
}

.header .num .search.search-focus #searchform
{
	background-color: #fff
}

.header .num .search #searchform
{
	background-color: #fff;
	background-color: rgba(255,255,255,0.88);
	display: block;
	height: 32px;
	border-radius: 4px;
	transition: .2s background-color
}

.header .num .search #searchform:hover
{
	background-color: #fff
}

.header .num .search .link-ranking
{
	position: absolute;
	left: 2px;
	top: 2px;
	height: 32px;
	line-height: 32px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.88);
	border-radius: 4px;
	width: 68px;
	transition: .2s background-color
}

.header .num .search .link-ranking span
{
	padding-left: 26px;
	color: #f25d8e;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url('../images/icons.png') -659px -655px no-repeat
}

.header .num .search .link-ranking:hover
{
	background-color: #fff
}

.header .num .search .search-keyword
{
	float: left;
	width: 200px;
	color: #222;
	font-size: 12px;
	overflow: hidden;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	border: 0;
	box-shadow: none;
	background-color: transparent
}

.header .num .search button.search-submit
{
	display: block;
	position: absolute;
	right: 0;
	width: 48px;
	min-width: 0;
	cursor: pointer;
	height: 32px;
	background: url('../images/icons.png') -653px -720px;
	margin: 0;
	padding: 0;
	border: 0
}

.header .num .search button.search-submit:hover
{
	background-position: -718px -720px
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder
{
	color: #99a2aa!important
}

.container-inner
{
	width: 980px;
	margin: 0 auto
}

.widescreen .container-inner
{
	width: 1160px
}

.container-row
{
	margin: 0 auto;
	zoom: 1;
	width: 980px
}

.widescreen .container-row
{
	width: 1160px
}

.container-row.cnt-m
{
	padding: 0
}

.container-row .container-row
{
	margin: 0
}

.container-row .container-row:first-child
{
	border: 0
}

.container-body
{
	padding: 20px 0 0;
	width: 980px;
	margin: 0 auto
}

.widescreen .container-body
{
	width: 1160px
}

.container-body.rank-page
{
	padding: 15px 0
}

.v
{
	position: relative;
	width: 160px;
	height: 148px;
	font-size: 12px;
	overflow: hidden
}

.v .preview
{
	width: 160px;
	height: 100px;
	display: block;
	overflow: hidden;
	text-align: center;
	transition: .2s all linear;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
	border-radius: 4px;
	-webkit-mask-image: -webkit-radial-gradient(circle,white,black)
}

.v .preview img
{
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
	outline: 0
}

.v .preview .border
{
	position: absolute;
	width: 158px;
	height: 98px;
	border: 1px solid #e5e9ef;
	top: 0;
	left: 0;
	z-index: 1;
	transition: .2s all linear;
	display: none
}

.v .preview:hover .border
{
	border-color: #ddd
}

.v:hover
{
	transition: all .3s linear
}

.v .t
{
	margin-bottom: 8px;
	padding-top: 8px;
	*margin-bottom: 7px;
	*padding-top: 7px;
	height: 20px;
	line-height: 20px;
	transition: all .2s linear;
	color: #222;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	text-align: left
}

.v:hover .t
{
	height: 40px;
	color: #00a1d6
}

.v .i
{
	margin: 0;
	font-size: 12px;
	line-height: 12px
}

.v .i span
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	color: #99a2aa;
	width: 80px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 12px;
	height: 14px
}

.v .i span .b-icon
{
	vertical-align: top;
	margin-right: 5px
}

.v .i b
{
	width: 67px;
	padding-left: 13px;
	display: block;
	font-family: "microsoft yahei",simhei;
	line-height: 12px;
	color: #99a2aa;
	font-weight: normal;
	height: 12px;
	float: left;
	background: url(/images/v3images/icons_v.png) no-repeat
}

.v .i .i1
{
	background-position: 0 -204px
}

.v .i .i2
{
	background-position: 0 -245px
}

.v .x
{
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 4;
	bottom: 0;
	right: 0;
	height: 20px;
	background: url(/images/v2images/v_pg.png) repeat 0 0;
	line-height: 20px;
	transition: .2s;
	border-top-left-radius: 4px
}

.v .x b
{
	font-weight: normal;
	font-family: tahoma,arial,'å®‹ä½“',sans-serif;
	color: #fff
}

.v .x .x1
{
	float: right;
	color: #EEE;
	margin-right: 5px
}

.v .x .x2
{
	float: left;
	margin: 0 5px 0 5px
}

.v:hover .x
{
	visibility: visible;
	opacity: 1
}

.v .pmt-tag
{
	overflow: hidden;
	position: absolute;
	bottom: 0;
	padding: 0 5px 0 5px;
	border-radius: 0 5px 0 0;
	color: white;
	left: 0;
	height: 20px;
	background: url(/images/v2images/v_pg.png) repeat 0 0;
	line-height: 20px
}

.v .original
{
	display: none
}

.v .watch-later
{
	width: 22px;
	height: 22px;
	position: absolute;
	background-image: url(/images/base/watchlater-1.png);
	transition: opacity .2s;
	opacity: 0;
	top: 72px;
	right: 6px
}

.v .watch-later.on
{
	background-image: url(/images/base/watchlater-2.png)
}

.v:hover .watch-later
{
	opacity: 1
}

#b_promote .v .pmt-tag
{
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	left: initial;
	bottom: initial;
	border-radius: 0 0 0 5px;
	color: white;
	height: 16px;
	width: 28px;
	background: url(/images/base/ad_cover.png) no-repeat 0 0;
	line-height: 20px;
	padding: 0
}

.v.m200 .medal,.v-item.m200 .medal
{
	display: block;
	background-position: -849px -212px
}

.v.m300 .medal,.v-item.m300 .medal
{
	display: block;
	background-position: -849px -148px
}

.v .medal,.v-item .medal
{
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 40px;
	height: 24px;
	background: url('../images/icons.png') no-repeat;
	z-index: 5;
	pointer-events: none
}

.watch-later-tip
{
	position: absolute;
	display: none;
	background: rgba(0,0,0,0.7);
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	padding: 6px 8px;
	line-height: 12px;
	opacity: 0;
	transform: scale(0.7);
	transition: .2s transform cubic-bezier(0.02,0.42,0.22,1.65);
	z-index: 10000
}

.watch-later-tip.on
{
	opacity: 1;
	transform: scale(1)
}

.index-online
{
	position: relative;
	height: 34px;
	padding: 0 10px 0 10px;
	border-radius: 4px;
	text-align: center;
	background: #e5e9ef;
	white-space: nowrap
}

.index-online span
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 34px;
	text-align: left;
	color: #6d757a
}

.index-online span a
{
	color: #6d757a
}

.index-online i.s-line
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-left: 1px solid #b8c0cc;
	height: 10px;
	line-height: 10px;
	margin: 12px 15px 0;
	vertical-align: top
}

.index-online a:hover
{
	color: #00a1d6
}

.a-link
{
	font-size: 14px
}

.more
{
	line-height: 16px;
	padding: 3px 0 2px 0;
	overflow: hidden
}

.more span
{
	display: block;
	float: left;
	padding: 4px 4px 4px 21px;
	background: url(/images/v2images/icons_home.png) no-repeat 0 -571px;
	*background: url(/images/newcss/more-span-bg.png) no-repeat 0 4px;
	color: #99a2aa
}

.more a
{
	display: block;
	padding: 4px 0 3px 5px;
	float: right
}

.more b.m
{
	display: block;
	float: left;
	cursor: pointer;
	padding: 4px 22px 3px 0;
	color: #99a2aa;
	font-weight: normal;
	background: url(/images/v2images/icons_home.png) no-repeat 27px -2058px
}

#bangumiDocumentaryRecommend
{
	float: right;
	display: inline-block;
	margin-bottom: 20px
}

#bangumiDocumentaryRecommend .title
{
	color: #222;
	font-size: 18px;
	height: 24px;
	line-height: 24px;
	margin-bottom: 20px
}

#bangumiDocumentaryRecommend a
{
	overflow: hidden;
	border-radius: 4px;
	height: 110px;
	width: 260px;
	display: block
}

#bangumiDocumentaryRecommend a img
{
	width: 100%;
	height: 100%
}

.rlist
{
	padding-top: 20px;
	position: relative
}

.rlist.rlist-s
{
	min-height: 266px!important
}

.b-r .rlist
{
	padding-bottom: 20px;
	min-height: 456px
}

#index_container .b-r .rlist
{
	padding-bottom: 15px;
	min-height: 278px
}

.container-row[area="32"] .b-r .rlist
{
	min-height: 380px
}

.rlist .no-data
{
	position: absolute;
	top: 0;
	left: 0
}

.rlist .p-loading
{
	padding: 0
}

.rlist li
{
	overflow: hidden;
	margin-top: 20px;
	position: relative;
	padding-left: 25px
}

.rlist li:first-child
{
	margin: 0
}

.rlist li .number
{
	position: absolute;
	color: #fff;
	height: 18px;
	line-height: 17px;
	top: 0;
	left: 0;
	font-size: 12px;
	min-width: 12px;
	text-align: center;
	background-color: #b8c0cc;
	z-index: 20;
	border-radius: 4px;
	padding: 0 3px 0 3px;
	font-weight: bolder
}

.rlist li .number.n1,.rlist li .number.n2,.rlist li .number.n3
{
	background: #f25d8e
}

.rlist li.on .i,.rlist li:hover .i
{
	display: block
}

.rlist li.on .preview,.rlist li:hover .preview
{
	display: block
}

.rlist li.on .t,.rlist li:hover .t
{
	height: 36px;
	line-height: 18px;
	margin-top: -2px;
	width: 150px;
	padding: 0
}

.rlist li .watch-later
{
	width: 22px;
	height: 22px;
	background-image: url(/images/base/watchlater-1.png);
	transition: opacity .2s;
	opacity: 0;
	position: absolute;
	left: 76px;
	top: 25px
}

.rlist li .watch-later.on
{
	background-image: url(/images/base/watchlater-2.png)
}

.rlist li:hover .t
{
	color: #00a1d6
}

.rlist li:hover .x
{
	display: block
}

.rlist li:hover .watch-later
{
	opacity: 1
}

.rlist li.off:hover .i
{
	display: none
}

.rlist li.off:hover .preview
{
	display: none
}

.rlist li.off:hover .t
{
	height: 18px;
	line-height: 17px;
	margin: 0;
	width: auto
}

.b-r .rlist li.off:hover .t
{
	width: auto
}

.rlist li.off:hover .x
{
	display: none
}

.rlist li .preview
{
	margin-right: 5px;
	width: 80px;
	height: 50px;
	float: left;
	display: none;
	border-radius: 4px;
	overflow: hidden
}

.rlist li img
{
	display: block;
	max-width: 80px;
	height: 50px;
	margin: 0 auto
}

.rlist li .rl-info
{
	float: left
}

.rlist li .rl-info.bgm .t
{
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 144px;
	line-height: 18px;
	vertical-align: top
}

.rlist li .rl-info.bgm span
{
	display: inline-block;
	vertical-align: top;
	color: #99a2aa;
	margin-left: 10px
}

.rlist li .t
{
	line-height: 17px;
	height: 18px;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	color: #222
}

.rlist li .i
{
	margin-top: 5px;
	display: none;
	overflow: hidden
}

.rlist li .i b
{
	padding-left: 13px;
	display: block;
	font-family: "microsoft yahei",simhei;
	line-height: 12px;
	color: #99a2aa;
	font-weight: normal;
	height: 12px;
	float: left;
	background: url(/images/v3images/icons_v.png) no-repeat
}

.rlist li .i b.c1
{
	width: 60px;
	background-position: 0 -204px
}

.rlist li .i b.c2
{
	width: 50px;
	background-position: 0 -245px
}

.rlist li .i b.pts
{
	background: 0;
	padding: 0
}

.rlist li .x
{
	overflow: hidden;
	display: none;
	position: absolute;
	top: 37px;
	border-radius: 0 5px 0 0;
	left: 3px;
	height: 16px;
	line-height: 16px;
	background: url(/images/v2images/v_pg.png) repeat 0 0
}

.rlist li .x b
{
	font-weight: normal;
	color: #fff
}

.rlist li .x .x1
{
	float: right;
	color: #EEE;
	margin-right: 5px
}

.rlist li .x .x2
{
	float: left;
	margin: 0 3px 0 3px
}

.fcname
{
	margin: 0 auto;
	padding-top: 4px
}

.fcname ul.n_num
{
	display: block;
	height: 27px
}

.fcname ul.n_num li
{
	text-align: center;
	float: left;
	display: block;
	color: #6d757a;
	margin-left: 40px
}

.fcname ul.n_num li:first-child
{
	margin: 0
}

.fcname ul.n_num li.last
{
	border: 0
}

.fcname ul.n_num li a
{
	height: 27px;
	font-size: 14px;
	color: #6d757a;
	line-height: 28px;
	display: block
}

.fcname ul.n_num li:hover a
{
	color: #00a1d6
}

.fcname ul.n_num li.on a
{
	color: #00a1d6
}

.fcname ul.n_num li b
{
	font-weight: normal;
	font-size: 13px;
	font-family: "Lucida Console",Monaco,monospace;
	margin-left: 10px;
	color: #9a9a9a
}

.float_window
{
	position: absolute;
	z-index: 999;
	display: none;
	background: #fff;
	box-shadow: 0 0 5px #ccc;
	text-align: left;
	border: 1px solid #ddd
}

.float_window .close
{
	position: absolute;
	border: 1px solid #ddd;
	right: 15px;
	top: 10px;
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url(/images/v3images/icons2.png) 4px -224px no-repeat
}

.float_window .close:hover
{
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 3px #ddd;
	box-shadow: 0 1px 3px #ddd
}

.float_window #float_window
{
	border-radius: 5px;
	padding: 15px
}

#float_window h3
{
	padding: 0 0 7px 0;
	margin: 0 0 7px 0;
	border-bottom: 1px solid #ddd
}

#float_window h4
{
	margin: 7px 0 2px 0;
	padding: 5px 0 5px 0
}

#float_window span.t
{
	display: block;
	margin-right: 5px;
	height: 18px;
	line-height: 18px;
	float: left
}

#float_window p.i
{
	color: #99a2aa
}

.selet-datebox
{
	width: 390px;
	display: block;
	overflow: hidden;
	padding-bottom: 10px
}

.selet-datebox .inpt
{
	padding: 10px 0 10px 35px
}

.selet-datebox .inpt input[type=text]
{
	border-radius: 4px;
	border: 1px solid #ddd;
	width: 120px;
	height: 25px;
	*line-height: 25px;
	text-align: center
}

.selet-datebox .inpt .b-btn
{
	padding: 4px 10px;
	margin-left: 10px
}

.selet-datebox .sse
{
	border-left: 1px solid #6cc6e4;
	border-top: 1px solid #6cc6e4;
	width: 384px;
	margin: 0 auto
}

.selet-datebox .sse a
{
	display: block;
	float: left;
	height: 28px;
	line-height: 28px;
	text-align: center;
	width: 63px;
	color: #222;
	border-right: 1px solid #6cc6e4;
	border-bottom: 1px solid #6cc6e4
}

.selet-datebox .sse a:hover
{
	background: #eee
}

.selet-datebox .sse a.on
{
	background: #6cc6e4;
	color: #fff
}

.player-wrapper
{
	border-top: 1px solid #e5e9ef;
	border-bottom: 1px solid #e5e9ef;
	background-color: #f6f9fa;
	padding: 20px 0
}

.topic-wrapper
{
	padding: 0;
	border-top: 1px solid #e5e9ef;
	border-bottom: 1px solid #e5e9ef;
	background-color: #f6f9fa
}

#heimu
{
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	height: 100%;
	width: 100%;
	z-index: 10015
}

#bofqi
{
	margin: 0 auto 20px;
	position: relative;
	width: 980px;
	box-shadow: #ddd 0 0 5px
}

.widescreen #bofqi
{
	width: 1160px
}

.widescreen #bofqi .player
{
	width: 1160px;
	height: 686px
}

.widescreen #bofqi.wide .player
{
	width: 1160px;
	height: 737px
}

.widescreen #bofqi.webfullscreen .player
{
	width: 100%;
	height: 100%;
	margin-top: 0
}

.widescreen #bofqi embed
{
	width: 1160px;
	height: 686px
}

#bofqi.heimu
{
	z-index: 10020
}

#bofqi .player
{
	width: 980px;
	height: 556px;
	display: block
}

#bofqi.wide .player
{
	width: 980px;
	height: 608px
}

#bofqi.webfullscreen
{
	margin: 0
}

#bofqi.webfullscreen .player
{
	width: 100%;
	height: 100%;
	margin-top: 0
}

#bofqi embed
{
	width: 980px;
	height: 530px
}

.v-plist,.alist
{
	clear: both;
	position: relative
}

.v-plist .plist-content,.alist .plist-content,.v-plist .alist-content,.alist .alist-content
{
	zoom: 1;
	padding-right: 55px;
	height: 37px;
	margin-bottom: 8px;
	overflow: hidden
}

.v-plist .plist-content:after,.alist .plist-content:after,.v-plist .alist-content:after,.alist .alist-content:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.v-plist .plist-content.open,.alist .plist-content.open,.v-plist .alist-content.open,.alist .alist-content.open
{
	height: auto;
	overflow: visible
}

.v-plist select,.alist select
{
	display: none
}

.v-plist .curPage,.alist .curPage,.v-plist .p-close,.alist .p-close,.v-plist a,.alist a
{
	display: block;
	color: #222;
	border-radius: 4px;
	border: 1px solid #ccd0d7;
	overflow: hidden;
	float: left;
	padding: 3px 7px 3px 7px;
	margin: 0 20px 12px 0;
	background: #fff;
	height: 17px;
	line-height: 17px;
	min-width: 117px;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .15s;
	transition-property: background-color,border-color,color
}

.v-plist .curPage,.alist .curPage
{
	color: #fff;
	background-color: #00a1d6;
	border-color: #00a1d6
}

.v-plist a:hover,.alist a:hover,.v-plist .p-close:hover,.alist .p-close:hover
{
	cursor: pointer;
	background: #00a1d6;
	color: #fff;
	border-color: #00a1d6
}

.v-plist .plist-content.p-c2 a,.alist .plist-content.p-c2 a,.v-plist .alist-content.p-c2 a,.alist .alist-content.p-c2 a,.v-plist .plist-content.p-c2 .curPage,.alist .plist-content.p-c2 .curPage,.v-plist .alist-content.p-c2 .curPage,.alist .alist-content.p-c2 .curPage
{
	max-width: 420px
}

.widescreen .v-plist .plist-content.p-c2 a,.widescreen .alist .plist-content.p-c2 a,.widescreen .v-plist .alist-content.p-c2 a,.widescreen .alist .alist-content.p-c2 a,.widescreen .v-plist .plist-content.p-c2 .curPage,.widescreen .alist .plist-content.p-c2 .curPage,.widescreen .v-plist .alist-content.p-c2 .curPage,.widescreen .alist .alist-content.p-c2 .curPage
{
	max-width: 500px
}

.v-plist .plist-content.p-c3 a,.alist .plist-content.p-c3 a,.v-plist .alist-content.p-c3 a,.alist .alist-content.p-c3 a,.v-plist .plist-content.p-c3 .curPage,.alist .plist-content.p-c3 .curPage,.v-plist .alist-content.p-c3 .curPage,.alist .alist-content.p-c3 .curPage
{
	width: 271px
}

.widescreen .v-plist .plist-content.p-c3 a,.widescreen .alist .plist-content.p-c3 a,.widescreen .v-plist .alist-content.p-c3 a,.widescreen .alist .alist-content.p-c3 a,.widescreen .v-plist .plist-content.p-c3 .curPage,.widescreen .alist .plist-content.p-c3 .curPage,.widescreen .v-plist .alist-content.p-c3 .curPage,.widescreen .alist .alist-content.p-c3 .curPage
{
	width: 331px
}

.v-plist .plist-content.p-c4 a,.alist .plist-content.p-c4 a,.v-plist .alist-content.p-c4 a,.alist .alist-content.p-c4 a,.v-plist .plist-content.p-c4 .curPage,.alist .plist-content.p-c4 .curPage,.v-plist .alist-content.p-c4 .curPage,.alist .alist-content.p-c4 .curPage
{
	width: 194px
}

.widescreen .v-plist .plist-content.p-c4 a,.widescreen .alist .plist-content.p-c4 a,.widescreen .v-plist .alist-content.p-c4 a,.widescreen .alist .alist-content.p-c4 a,.widescreen .v-plist .plist-content.p-c4 .curPage,.widescreen .alist .plist-content.p-c4 .curPage,.widescreen .v-plist .alist-content.p-c4 .curPage,.widescreen .alist .alist-content.p-c4 .curPage
{
	width: 239px
}

.v-plist .plist-content.p-c5 a,.alist .plist-content.p-c5 a,.v-plist .alist-content.p-c5 a,.alist .alist-content.p-c5 a,.v-plist .plist-content.p-c5 .curPage,.alist .plist-content.p-c5 .curPage,.v-plist .alist-content.p-c5 .curPage,.alist .alist-content.p-c5 .curPage
{
	width: 148px
}

.widescreen .v-plist .plist-content.p-c5 a,.widescreen .alist .plist-content.p-c5 a,.widescreen .v-plist .alist-content.p-c5 a,.widescreen .alist .alist-content.p-c5 a,.widescreen .v-plist .plist-content.p-c5 .curPage,.widescreen .alist .plist-content.p-c5 .curPage,.widescreen .v-plist .alist-content.p-c5 .curPage,.widescreen .alist .alist-content.p-c5 .curPage
{
	width: 184px
}

.v-plist .plist-content.p-c6 a,.alist .plist-content.p-c6 a,.v-plist .alist-content.p-c6 a,.alist .alist-content.p-c6 a,.v-plist .plist-content.p-c6 .curPage,.alist .plist-content.p-c6 .curPage,.v-plist .alist-content.p-c6 .curPage,.alist .alist-content.p-c6 .curPage
{
	width: 117px
}

.widescreen .v-plist .plist-content.p-c6 a,.widescreen .alist .plist-content.p-c6 a,.widescreen .v-plist .alist-content.p-c6 a,.widescreen .alist .alist-content.p-c6 a,.widescreen .v-plist .plist-content.p-c6 .curPage,.widescreen .alist .plist-content.p-c6 .curPage,.widescreen .v-plist .alist-content.p-c6 .curPage,.widescreen .alist .alist-content.p-c6 .curPage
{
	width: 147px
}

.v-plist .plist-content.p-c7 a,.alist .plist-content.p-c7 a,.v-plist .alist-content.p-c7 a,.alist .alist-content.p-c7 a,.v-plist .plist-content.p-c7 .curPage,.alist .plist-content.p-c7 .curPage,.v-plist .alist-content.p-c7 .curPage,.alist .alist-content.p-c7 .curPage
{
	width: 117px
}

.widescreen .v-plist .plist-content.p-c7 a,.widescreen .alist .plist-content.p-c7 a,.widescreen .v-plist .alist-content.p-c7 a,.widescreen .alist .alist-content.p-c7 a,.widescreen .v-plist .plist-content.p-c7 .curPage,.widescreen .alist .plist-content.p-c7 .curPage,.widescreen .v-plist .alist-content.p-c7 .curPage,.widescreen .alist .alist-content.p-c7 .curPage
{
	width: 121px
}

.v-plist .v-part-toggle,.alist .v-part-toggle,.v-plist .p-close,.alist .p-close
{
	min-width: 0;
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	width: 44px!important;
	text-align: center
}

.v_bgm_l
{
	margin: 5px;
	border: 1px solid #efefef;
	height: 117px;
	border-bottom: 2px solid #efefef;
	border-radius: 4px;
	overflow: hidden
}

.v_bgm_l .v_bgm_zt
{
	margin: 10px;
	overflow: hidden;
	width: 230px;
	float: left
}

.v_bgm_l .v_bgm_zt img
{
	float: left;
	width: 45px;
	height: 45px;
	border: 1px solid #e3e3e3;
	padding: 2px;
	margin-right: 10px
}

.v_bgm_l .v_bgm_zt .info
{
	float: left;
	width: 160px
}

.v_bgm_l .v_bgm_zt .info .t
{
	display: block;
	padding-left: 20px;
	line-height: 18px;
	height: 18px;
	background: url(/images/v2images/icons_home.png) no-repeat 0 -630px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.v_bgm_l .v_bgm_zt .info .i
{
	display: block;
	width: 160px;
	margin: 7px 0 13px 0;
	padding: 0 0 8px 0;
	line-height: 18px;
	color: #7e7e7e;
	border-bottom: 1px dashed #efefef
}

.v_bgm_l .v_bgm_zt .info .i b
{
	padding: 0 3px 0 3px
}

.v_bgm_l .v_bgm_zt .b
{
	overflow: hidden;
	clear: both;
	padding-left: 50px
}

.v_bgm_l .v_bgm_zt .dy
{
	color: #fff;
	display: block;
	float: left;
	margin-right: 10px;
	line-height: 28px;
	border-bottom: 2px solid #0593c2;
	text-align: center;
	border-radius: 4px;
	height: 27px;
	width: 48px;
	background: #00a1d6;
	cursor: pointer
}

.v_bgm_l .v_bgm_zt .dy:hover
{
	background: #38afe1
}

.v_bgm_l .v_bgm_zt .btn
{
	border: 1px solid #dadbdf;
	border-bottom-width: 2px;
	margin: 0 10px 0 0;
	color: #888;
	display: block;
	float: left;
	line-height: 27px;
	text-align: center;
	border-radius: 4px;
	height: 27px;
	width: 68px
}

.v_bgm_l .v_bgm_zt .btn:hover
{
	background: #f2f2f2;
	color: #555
}

.v_bgm_l .v_video
{
	padding: 0 60px;
	width: 595px;
	height: 117px;
	float: right;
	border-left: 1px solid #efefef;
	position: relative;
	overflow: hidden
}

.widescreen .v_bgm_l .v_video
{
	width: 785px
}

.v_bgm_l .v_video .scroll_wrapper
{
	margin: 0 auto;
	width: 585px;
	overflow: hidden
}

.widescreen .v_bgm_l .v_video .scroll_wrapper
{
	width: 770px
}

.v_bgm_l .v_video ul
{
	overflow: hidden;
	padding-top: 20px;
	height: 83px
}

.widescreen .v_bgm_l .v_video ul
{
	padding-top: 13px;
	height: 98px
}

.v_bgm_l .v_video li
{
	float: left;
	margin: 0 15px 0 18px
}

.widescreen .v_bgm_l .v_video li
{
	margin: 0 25px 0 25px
}

.v_bgm_l .v_video li .preview
{
	width: 80px;
	border: 2px solid #fff;
	height: 60px;
	margin: 0 0 5px 0;
	text-align: center;
	background: #000
}

.widescreen .v_bgm_l .v_video li .preview
{
	width: 100px;
	height: 75px
}

.v_bgm_l .v_video li:hover .preview
{
	border-color: #ccc;
	transition: all .3s linear
}

.v_bgm_l .v_video li.on .preview
{
	border-color: #00a6d8
}

.v_bgm_l .v_video li .preview img
{
	max-width: 80px;
	height: 60px;
	margin: 0 auto
}

.widescreen .v_bgm_l .v_video li .preview img
{
	max-width: 100px;
	height: 75px
}

.v_bgm_l .v_video li .t
{
	display: block;
	text-align: center;
	color: #666
}

.v_bgm_l .v_video li:hover .t
{
	color: #444
}

.v_bgm_l .v_video li.on .t
{
	color: #00a6d8;
	font-weight: 700
}

.v_bgm_l .v_video .v_b,.v_bgm_l .v_video .v_n
{
	position: absolute;
	height: 25px;
	width: 25px;
	background: url(/images/v2images/rl.png) no-repeat 0 0;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none
}

.v_bgm_l .v_video .v_b
{
	left: 30px;
	top: 45px
}

.v_bgm_l .v_video .v_n
{
	right: 30px;
	top: 45px;
	background-position: 0 -50px
}

.v_bgm_l .v_video .v_b:active
{
	background-position: 0 -25px
}

.v_bgm_l .v_video .v_n:active
{
	background-position: 0 -75px
}

.bangumi-content
{
	margin-top: 20px
}

.v_bgm_list
{
	position: relative;
	display: none;
	background: #fff;
	border-bottom: 1px solid #e5e9ef;
	padding-bottom: 20px
}

.v_bgm_list .bangumi-head
{
	line-height: 24px;
	margin-bottom: 20px;
	zoom: 1
}

.v_bgm_list .bangumi-head:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.v_bgm_list .bangumi-head .t
{
	font-size: 14px;
	font-weight: bold;
	color: #333
}

.v_bgm_list .bangumi-head .t:hover
{
	color: #00a1d6
}

.v_bgm_list .bangumi-head .b-slt-tab
{
	float: right;
	zoom: 1
}

.v_bgm_list .bangumi-head .b-slt-tab:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.v_bgm_list .bangumi-head .b-slt-tab .on
{
	cursor: default
}

.v_bgm_list .bangumi-head .b-slt-tab li
{
	height: 24px;
	line-height: 24px
}

.v_bgm_list .bangumi-head .b-slt-tab .bgm-list-btn
{
	border: 1px solid #ccd0d7;
	border-radius: 4px;
	position: relative;
	padding: 0 3px;
	float: left;
	height: 20px;
	line-height: 18px;
	margin-left: 12px;
	cursor: pointer;
	text-align: center;
	transition: .2s all;
	margin-top: 1px
}

.v_bgm_list .bangumi-head .b-slt-tab .bgm-list-btn .bgm-list-panel
{
	position: absolute;
	right: -1px;
	top: 20px;
	border: 1px solid #b8c0cc;
	border-radius: 4px 0 4px 4px;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	padding: 18px 0 13px 10px;
	width: 170px;
	background-color: #fff;
	z-index: 100
}

.v_bgm_list .bangumi-head .b-slt-tab .bgm-list-btn .bgm-list-panel li
{
	white-space: nowrap;
	margin: 0;
	padding: 0 5px;
	margin-right: 10px;
	color: #333;
	margin-bottom: 5px;
	border-radius: 4px
}

.v_bgm_list .bangumi-head .b-slt-tab .bgm-list-btn .bgm-list-panel li:hover
{
	background-color: #e5e9ef
}

.v_bgm_list .bangumi-head .b-slt-tab .bgm-list-btn .bgm-list-panel li.on
{
	color: #00a1d6
}

.v_bgm_list .bangumi-head .b-slt-tab .bgm-list-btn .bgm-list-panel li.on:hover
{
	background-color: transparent
}

.v_bgm_list .bangumi-head .b-slt-tab .bgm-list-btn:hover
{
	border-color: #b8c0cc;
	box-shadow: rgba(0,0,0,0.16) 0 0 4px;
	border-bottom: 1px solid #fff;
	border-radius: 4px 4px 0 0
}

.v_bgm_list .bangumi-head .b-slt-tab .bgm-list-btn:hover:after
{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 101;
	left: 0;
	border-bottom: 1px solid #fff
}

.v_bgm_list .info
{
	width: 124px;
	float: left;
	margin-right: 30px
}

.v_bgm_list .info .preview
{
	width: 100%;
	border: 1px solid #ccd0d7;
	border-radius: 4px;
	overflow: hidden
}

.v_bgm_list .info .preview img
{
	width: 100%
}

.v_bgm_list .bangumi-info
{
	margin-left: 160px
}

.v_bgm_list .bangumi-info .info-head
{
	height: 24px;
	border-bottom: 1px solid #e5e9ef
}

.v_bgm_list .bangumi-info .info-head .b-tab
{
	margin-bottom: -1px;
	zoom: 1
}

.v_bgm_list .bangumi-info .info-head .b-tab:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.v_bgm_list .bangumi-info .info-head .b-tab li
{
	height: 24px;
	margin-right: 20px;
	float: left;
	text-align: center;
	font-size: 12px;
	position: relative;
	border-bottom: 1px solid transparent;
	cursor: pointer
}

.v_bgm_list .bangumi-info .info-head .b-tab li.on
{
	cursor: default;
	color: #00a1d6;
	border-bottom: 1px solid #00a1d6
}

.v_bgm_list .bangumi-info .info-head .b-tab li.on:after
{
	content: '';
	width: 6px;
	height: 6px;
	background: transparent url('../images/icons.png') -858px -535px no-repeat;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
	visibility: visible
}

.v_bgm_list .bangumi-info .info-content
{
	padding: 10px 0 0 0;
	line-height: 22px;
	min-height: 88px;
	word-break: break-all;
	word-wrap: break-word;
	display: none;
	margin-bottom: 20px;
	position: relative
}

.v_bgm_list .bangumi-info .info-content .info-content-inner
{
	margin: 0;
	padding: 0
}

.v_bgm_list .bangumi-info .info-content .b-btn
{
	position: absolute;
	bottom: -20px;
	right: 0;
	padding: 0 10px;
	background-color: transparent;
	color: #00a1d6;
	border: 0
}

.v_bgm_list .bangumi-info .info-content .b-btn:hover
{
	background-color: #e5e9ef
}

.v_bgm_list .bangumi-info .info-content.static .info-content-inner
{
	height: 88px;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.v_bgm_list .bangumi-info .info-content #v_bgm_list_data
{
	margin-top: 5px;
	float: left;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.v_bgm_list .bangumi-info .info-content #v_bgm_list_data a
{
	list-style: none;
	cursor: pointer;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	width: 59px;
	height: 22px;
	line-height: 22px;
	font-size: 13px;
	color: #222;
	border-radius: 4px;
	border: 1px solid #ccd0d7
}

.v_bgm_list .bangumi-info .info-content #v_bgm_list_data a.active
{
	background: #00a1d6;
	border: 1px solid #00a1d6;
	color: #fff;
	cursor: default
}

.v_bgm_list .bangumi-info .info-content #v_bgm_list_data a:hover
{
	background: #00a1d6;
	border: 1px solid #00a1d6;
	color: #fff
}

.v_bgm_list .bangumi-info .info-content #v_bgm_list_page
{
	display: none;
	margin-bottom: 10px
}

.v_bgm_list .bangumi-info .info-content #v_bgm_list_page a
{
	color: #99a2aa;
	line-height: 16px;
	font-size: 12px;
	margin-right: 20px
}

.v_bgm_list .bangumi-info .info-content #v_bgm_list_page a.active
{
	color: #222
}

.v_bgm_list .bangumi-info .info-content.bgmlist
{
	display: block
}

.v_bgm_list .bangumi-info .info-content.cv .info-content-inner
{
	float: left;
	zoom: 1
}

.v_bgm_list .bangumi-info .info-content.cv .info-content-inner:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.v_bgm_list .bangumi-info .info-content.cv .cv-item
{
	width: 144px;
	text-align: left;
	height: 22px;
	line-height: 22px;
	border-radius: 4px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left
}

.v_bgm_list .bangumi-info .bangumi-order-btn
{
	cursor: pointer;
	background-color: #f25d8e;
	border-radius: 4px;
	height: 24px;
	line-height: 24px;
	padding: 0 8px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	zoom: 1
}

.v_bgm_list .bangumi-info .bangumi-order-btn:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.v_bgm_list .bangumi-info .bangumi-order-btn *
{
	float: left
}

.v_bgm_list .bangumi-info .bangumi-order-btn #sp_dingyue
{
	color: #fff;
	padding: 0 5px
}

.v_bgm_list .bangumi-info .bangumi-order-btn #sp_dingyue .b-btn
{
	color: #fff;
	border: 0;
	line-height: 24px;
	background-color: transparent
}

.v_bgm_list .bangumi-info .bangumi-order-btn #sp_dingyue .b-btn:hover
{
	color: #fff;
	background-color: transparent
}

.v_bgm_list .bangumi-info .bangumi-order-btn #subscribe_num
{
	color: #fff
}

.v_bgm_list .bangumi-info .bangumi-order-btn:hover
{
	background-color: #ff85ad
}

.viewbox .bangumi-buybuybuy
{
	width: 280px;
	float: right;
	margin-bottom: 15px;
	margin-top: 15px
}

.viewbox .bangumi-buybuybuy .bangumi-plan-link
{
	float: left;
	width: 120px;
	height: 100px;
	background: transparent url(/images/base/sponser_plan.png);
	cursor: default
}

.viewbox .bangumi-buybuybuy .bangumi-plan-link img
{
	width: 60px;
	height: 60px;
	border: 2px solid #ffc101;
	display: block;
	margin: 0 auto;
	border-radius: 4px
}

.viewbox .bangumi-buybuybuy .r-info
{
	float: left;
	width: 160px
}

.viewbox .bangumi-buybuybuy .total
{
	height: 20px;
	line-height: 20px;
	color: #222;
	margin-bottom: 5px;
	margin-top: 15px;
	text-align: center
}

.viewbox .bangumi-buybuybuy .buy-wrapper .buy
{
	width: 146px;
	height: 52px;
	line-height: 48px;
	color: #222;
	font-weight: bold;
	margin: 0 auto;
	border: 0;
	background: transparent url(/images/base/btn_sponser.png) no-repeat center
}

.viewbox .bangumi-buybuybuy .buy-wrapper .buy b
{
	padding: 0 2px
}

.viewbox .bangumi-buybuybuy .buy-wrapper .buy:hover
{
	background: transparent url(/images/base/btn_sponser_hover.png) no-repeat center
}

.viewbox .bangumi-buybuybuy .buy-wrapper .buy.done
{
	background: transparent url(/images/base/btn_sponser_hover.png) no-repeat center
}

.sponsor-list
{
	overflow: hidden;
	margin-top: 20px
}

.sponsor-list .list-head
{
	position: relative;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	font-weight: bold;
	color: #222
}

.sponsor-list .list-head #rank_btn_bangumi_buybuybuy
{
	position: absolute;
	right: 0;
	top: 0;
	height: 32px;
	line-height: 32px;
	width: 90px;
	text-align: center;
	background-color: #ff9c01;
	border-radius: 4px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	cursor: pointer
}

.sponsor-list .list-head #rank_btn_bangumi_buybuybuy:hover
{
	background-color: #ff8401
}

.sponsor-list .list-total
{
	background: transparent url(/images/base/sponser_num.png) no-repeat center;
	width: 270px;
	height: 98px;
	margin: 20px auto 10px auto;
	clear: both
}

.sponsor-list .list-total .total
{
	padding-right: 90px;
	text-align: center;
	font-weight: bold;
	padding-top: 18px;
	font-size: 30px
}

.sponsor-list .list-total .total div
{
	font-size: 14px
}

.sponsor-list .pagelistbox,.sponsor-list .pagelistbox.top
{
	float: right;
	margin: 0 10px 10px 0
}

.sponsor-list ul
{
	min-height: 100px
}

.sponsor-list ul li
{
	padding: 5px 0
}

.sponsor-list ul li.mine
{
	border: 0
}

.sponsor-list ul li.mine .rank-item .rank-num
{
	background-color: #ff9c01
}

.sponsor-list ul li.no-sponsor
{
	text-align: center;
	color: #99a2aa;
	height: 100px;
	line-height: 100px
}

.sponsor-list ul li.ellipsis
{
	font-size: 18px
}

.sponsor-list ul li .rank-item
{
	overflow: hidden;
	padding: 2px 0;
	border-radius: 4px
}

.sponsor-list ul li .rank-item .rank-num
{
	float: left;
	min-width: 16px;
	height: 16px;
	line-height: 16px;
	margin-right: 10px;
	margin-top: 8px;
	font-weight: bold;
	text-align: center;
	background-color: #b8c0cc;
	color: #fff;
	border-radius: 4px;
	padding: 1px 1px
}

.sponsor-list ul li .rank-item .rank-num.n1,.sponsor-list ul li .rank-item .rank-num.n2,.sponsor-list ul li .rank-item .rank-num.n3
{
	background-color: #f25d8e
}

.sponsor-list ul li .rank-item .detail
{
	float: left;
	width: 195px
}

.sponsor-list ul li .rank-item .detail .msg
{
	background-color: #f4f5f7;
	border-radius: 4px;
	color: #6d757a;
	clear: both;
	word-wrap: break-word;
	word-break: break-all;
	position: relative;
	padding: 8px 16px;
	margin-bottom: 5px
}

.sponsor-list ul li .rank-item .detail .msg .arrow
{
	background: url('../images/icons.png') no-repeat -861px -922px;
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0;
	top: -6px
}

.sponsor-list ul li .rank-item .detail .name
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 36px;
	line-height: 36px;
	margin-bottom: 5px
}

.sponsor-list ul li.mine .rank-item
{
	background: url(/images/base/toggle-base.png) -537px -1047px no-repeat;
	padding-top: 24px
}

.sponsor-list ul li .face
{
	float: left;
	width: 36px;
	height: 36px;
	margin-right: 10px;
	border-radius: 4px;
	border-radius: 36px;
	overflow: hidden
}

.sponsor-list ul li .face img
{
	display: block;
	width: 100%;
	height: 100%
}

.sponsor-list ul li .name
{
	float: left;
	max-width: 175px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 26px;
	line-height: 26px
}

.sponsor-list ul li a
{
	color: #222;
	float: left
}

.sponsor-list ul li a:hover
{
	color: #00a1d6
}

@-webkit-keyframes progress-red
{
	0%
	{
		background-color: #f25d8e;
		box-shadow: 0 0 1px #f25d8e
	}

	100%
	{
		background-color: #f25d8e;
		box-shadow: 0 0 5px #f25d8e
	}
}

@-webkit-keyframes progress-orange
{
	0%
	{
		background-color: #ff8a01;
		box-shadow: 0 0 1px #ff8a01
	}

	100%
	{
		background-color: orange;
		box-shadow: 0 0 5px #ff8a01
	}
}

@-webkit-keyframes progress-yellow
{
	0%
	{
		background-color: #ffc101;
		box-shadow: 0 0 1px #ffc101
	}

	100%
	{
		background-color: yellow;
		box-shadow: 0 0 5px #ffc101
	}
}

@-webkit-keyframes progress-green
{
	0%
	{
		background-color: #73cc00;
		box-shadow: 0 0 1px #73cc00
	}

	100%
	{
		background-color: green;
		box-shadow: 0 0 5px #73cc00
	}
}

@keyframes progress-red
{
	0%
	{
		background-color: #f25d8e;
		box-shadow: 0 0 1px #f25d8e
	}

	100%
	{
		background-color: #f25d8e;
		box-shadow: 0 0 5px #f25d8e
	}
}

@keyframes progress-orange
{
	0%
	{
		background-color: #ff8a01;
		box-shadow: 0 0 1px #ff8a01
	}

	100%
	{
		background-color: orange;
		box-shadow: 0 0 5px #ff8a01
	}
}

@keyframes progress-yellow
{
	0%
	{
		background-color: #ffc101;
		box-shadow: 0 0 1px #ffc101
	}

	100%
	{
		background-color: yellow;
		box-shadow: 0 0 5px #ffc101
	}
}

@keyframes progress-green
{
	0%
	{
		background-color: #73cc00;
		box-shadow: 0 0 1px #73cc00
	}

	100%
	{
		background-color: green;
		box-shadow: 0 0 5px #73cc00
	}
}

.sponsor-progress
{
	background: transparent url(/images/base/2233_reverse.png) right top no-repeat;
	border-top: 1px dotted #e0e6ed;
	border-bottom: 1px dotted #e0e6ed;
	margin-top: 5px;
	margin-bottom: 15px;
	height: 110px
}

.sponsor-progress .no-data
{
	color: #99a2aa;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	height: 60px;
	line-height: 60px
}

.sponsor-progress .ph
{
	font-size: 14px;
	font-weight: bolder;
	margin-top: 10px;
	height: 20px;
	line-height: 20px
}

.sponsor-progress .ph span
{
	color: #f25d8e
}

.sponsor-progress .progress-wrapper
{
	height: 5px;
	background: #ccd0d7;
	border-radius: 10px;
	margin: 10px 0;
	overflow: hidden
}

.sponsor-progress .progress
{
	height: 100%;
	width: 0;
	transition: .3s
}

.sponsor-progress .progress.animate.red
{
	-webkit-animation: progress-red 1.5s linear alternate infinite;
	animation: progress-red 1.5s linear alternate infinite
}

.sponsor-progress .progress.animate.orange
{
	-webkit-animation: progress-orange 1.5s linear alternate infinite;
	animation: progress-orange 1.5s linear alternate infinite
}

.sponsor-progress .progress.animate.yellow
{
	-webkit-animation: progress-yellow 1.5s linear alternate infinite;
	animation: progress-yellow 1.5s linear alternate infinite
}

.sponsor-progress .progress.animate.green
{
	-webkit-animation: progress-green 1.5s linear alternate infinite;
	animation: progress-green 1.5s linear alternate infinite
}

.sponsor-progress .total
{
	color: #aaa
}

.sponsor-progress .total b
{
	font-size: 18px
}

.sponsor-progress .current
{
	color: #aaa
}

.arc-toolbar #battery_charge_btn
{
	float: left;
	padding: 0 10px;
	margin: 9px 10px;
	height: 32px;
	line-height: 32px;
	cursor: pointer
}

.arc-toolbar #battery_charge_btn:hover
{
	background-color: #e5e9ef
}

.arc-toolbar #battery_charge_btn .icon-electric-red
{
	background: url(/battery/img/icons02.png) -42px -73px no-repeat;
	width: 12px;
	height: 18px;
	margin-right: 8px
}

.viewbox .battery-charge-status
{
	display: block;
	background: url(/battery/img/icons03.png) 0 -40px no-repeat;
	width: 117px;
	height: 40px;
	position: absolute;
	top: 4px;
	right: 0
}

.viewbox .battery-charge-status.charged
{
	background-position: 0 0
}

.energy-pool
{
	border: 1px solid #ddd;
	width: 270px;
	margin: 0 0 10px -1px;
	border-radius: 4px 4px 0 0;
	position: relative
}

.energy-pool .pool-hd
{
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	background-color: #fafafa;
	border-radius: 4px 4px 0 0
}

.energy-pool .pool-hd .up-face
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.energy-pool .pool-hd .up-face img
{
	display: block;
	width: 30px;
	height: 30px;
	border: 1px solid #00a1d6;
	border-radius: 15px
}

.energy-pool .pool-hd .up-face .t
{
	font-weight: bold
}

.energy-pool #energy_pool_container
{
	height: 118px;
	position: relative
}

.energy-pool #energy_pool_container .bubble
{
	position: absolute;
	top: 4px;
	right: 0;
	height: 114px;
	width: 51px;
	background: url(/battery/img/bubbles.gif) 0 0 no-repeat
}

.energy-pool #energy_pool_container .error
{
	height: 118px;
	line-height: 118px;
	text-align: center;
	color: #99a2aa
}

.energy-pool .pipe
{
	position: absolute;
	bottom: -11px;
	right: 15px;
	width: 10px;
	height: 11px;
	background-color: #00a1d6;
	transition: .1s
}

.energy-pool #energy_pool_container.loading
{
	background: url(/images/v2images/loading.gif) no-repeat center center;
	color: #99a2aa
}

.energy-user-card
{
	position: absolute;
	width: 200px;
	display: block;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	padding: 10px;
	z-index: 100000
}

.energy-user-card .card-arrow
{
	background: url(/battery/img/icons02.png) -197px -12px no-repeat;
	position: absolute;
	width: 20px;
	height: 14px;
	left: 40px;
	bottom: -14px
}

.energy-user-card .face
{
	width: 35px;
	height: 35px;
	border-radius: 4px;
	border: 2px solid #ddd;
	float: left;
	margin-right: 10px
}

.energy-user-card .info
{
	float: left;
	width: 150px
}

.energy-user-card .name
{
	margin-bottom: 5px
}

.energy-user-card .msg
{
	word-wrap: break-word;
	word-break: break-all
}

.energy-user-card .msg.no-msg
{
	color: #aaa
}

.energy-user-face
{
	transform: scale(0)
}

.energy-user-face.ani-in
{
	transition: .2s;
	transform: scale(1)
}

.battery-ranking
{
	border-radius: 4px;
	overflow: hidden;
	background: #fff
}

.battery-ranking .list-head
{
	position: relative;
	height: 36px;
	line-height: 36px;
	background-color: #00a1d6;
	color: #fff;
	transition: .1s
}

.battery-ranking .list-head .hd-ico
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 16px;
	height: 18px;
	vertical-align: middle;
	background: url(/battery/img/icons02.png) -37px -103px no-repeat;
	margin: 0 5px
}

.battery-ranking .list-head .hd-txt:after
{
	content: ''
}

.battery-ranking .list-head .total-num
{
	font-weight: normal
}

.battery-ranking .list-head .hd-tt
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

.battery-ranking .list-head #rank_btn_feed
{
	position: absolute;
	right: 10px;
	top: 6px;
	height: 24px;
	line-height: 24px;
	padding: 0 6px;
	text-align: center;
	border-radius: 4px;
	font-weight: normal;
	font-size: 12px;
	background-color: #30ccff;
	color: #fff;
	cursor: pointer;
	transition: .1s
}

.battery-ranking .list-wrp
{
	border: 1px solid #ddd;
	border-radius: 0 0 4px 4px
}

.battery-ranking .pagelistbox
{
	float: right;
	margin: 0 10px 10px 0
}

.battery-ranking ul
{
	min-height: 100px
}

.battery-ranking li
{
	padding: 9px 0;
	margin: 0 10px;
	border-top: 1px dashed #ddd
}

.battery-ranking li:first-child
{
	border: 0
}

.battery-ranking li.no-data
{
	text-align: center;
	color: #99a2aa;
	height: 100px;
	line-height: 100px
}

.battery-ranking li.ellipsis
{
	font-size: 18px
}

.battery-ranking li .rank-item
{
	overflow: hidden;
	padding: 2px 5px;
	border-radius: 4px
}

.battery-ranking li.mine .rank-item
{
	padding: 5px 5px
}

.battery-ranking li .rank-num
{
	float: left;
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 15px;
	margin-top: 5px;
	margin-left: 3px;
	text-align: center;
	background-color: #aaa;
	color: #fff;
	border-radius: 9px
}

.battery-ranking li .rank-num.n
{
	min-width: 24px;
	height: 28px;
	line-height: 28px;
	margin-top: -1px;
	margin-left: 0;
	position: relative;
	border-radius: 0;
	background: url(/battery/img/rank_icons.png) no-repeat
}

.battery-ranking li.mine .rank-num
{
	background-color: #00a1d6
}

.battery-ranking li.mine .rank-num.n
{
	margin-left: 3px
}

.battery-ranking li .rank-num.n.n1
{
	background-position: -33px -120px
}

.battery-ranking li .rank-num.n.n2
{
	background-position: -124px -120px
}

.battery-ranking li .rank-num.n.n3
{
	background-position: -213px -120px
}

.battery-ranking li.mine .rank-num
{
	background: 0;
	background-color: #00a1d6;
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 15px;
	margin-top: 5px;
	border-radius: 9px
}

.battery-ranking li .face
{
	float: left;
	width: 26px;
	height: 26px;
	margin-right: 10px;
	border-radius: 4px;
	overflow: hidden
}

.battery-ranking li.top .face
{
	position: relative;
	border: 2px solid #ffb700;
	width: 50px;
	height: 50px
}

.battery-ranking li.top.n1 .face
{
	border-color: #ffb700
}

.battery-ranking li.top.n2 .face
{
	border-color: #d4d9dd
}

.battery-ranking li.top.n3 .face
{
	border-color: #ac8b7a
}

.battery-ranking li .face img
{
	display: block;
	width: 100%;
	height: 100%
}

.battery-ranking li.top .rank-item .detail
{
	float: left;
	width: 165px
}

.battery-ranking li.top .rank-item .detail .msg
{
	border: 1px solid #ddd;
	padding: 5px;
	border-radius: 4px;
	color: #222;
	clear: both;
	word-wrap: break-word;
	word-break: break-all;
	position: relative
}

.battery-ranking li.top .rank-item .detail .msg.none
{
	color: #aaa
}

.battery-ranking li.top .rank-item .detail .msg .arrow
{
	background: url(/images/v3images/dy_arrow.png) no-repeat;
	width: 6px;
	height: 10px;
	position: absolute;
	left: -6px;
	top: 8px
}

.battery-ranking li .name
{
	float: left;
	max-width: 175px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 26px;
	line-height: 26px
}

.battery-ranking li.top .rank-item .detail .name
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 18px;
	line-height: 18px;
	margin-bottom: 5px
}

.battery-ranking li a
{
	color: #222
}

.battery-ranking li a:hover
{
	color: #00a1d6
}

.battery-ranking .list-bottom
{
	background: #fff url(/css/bpoint/img/bgm_22.png) right bottom no-repeat;
	padding: 30px 15px 15px;
	height: 65px;
	border-top: 1px solid #ddd;
	clear: both
}

.battery-ranking .list-bottom .total
{
	background: url(/css/bpoint/img/bgm_total.png) no-repeat;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	width: 152px;
	height: 38px;
	padding-top: 27px;
	color: #4c2e00
}

.bp_comment .comment_main
{
	float: left;
	margin-left: 15px;
	border: 0
}

.bp_comment .comment_main.open
{
	margin-left: 0;
	width: 100%
}

.bp_comment .comment_main:first-child
{
	margin-left: 0
}

.bp_comment .comment_main .wrp
{
	width: 206px;
	border: 1px solid #ddd;
	padding: 6px;
	position: relative
}

.widescreen .bp_comment .comment_main .wrp
{
	width: 266px
}

.bp_comment .comment_main.open .wrp
{
	width: auto
}

.bp_comment .comment_main .wrp .none
{
	height: 116px;
	line-height: 116px;
	text-align: center;
	width: 100%;
	color: #aaa
}

.bp_comment .comment_main .face-wrp
{
	float: left;
	padding: 4px;
	margin-right: 10px;
	margin-top: 2px;
	border-radius: 8px
}

.bp_comment .comment_main .face
{
	width: 46px;
	height: 46px;
	border-radius: 3px
}

.bp_comment .comment_main .rank-tag
{
	position: absolute;
	right: 6px;
	top: 6px;
	width: 24px;
	height: 28px;
	background: url(/battery/img/rank_icons.png) no-repeat
}

.bp_comment .comment_main .wrp.n1 .rank-tag
{
	background-position: -33px -120px
}

.bp_comment .comment_main .wrp.n2 .rank-tag
{
	background-position: -124px -120px
}

.bp_comment .comment_main .wrp.n3 .rank-tag
{
	background-position: -213px -120px
}

.bp_comment .comment_main .name-wrp
{
	padding: 6px 0 15px 0;
	height: 16px;
	line-height: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-right: 36px
}

.bp_comment .comment_main .message
{
	overflow: hidden;
	height: 32px;
	line-height: 16px;
	word-wrap: break-word;
	word-break: break-all
}

.bp_comment .comment_main .message.no-msg
{
	color: #aaa
}

.bp_comment .comment_main .elinfo
{
	margin-left: 0;
	height: 20px;
	clear: both;
	padding: 3px 0 4px 0
}

.bp_comment .comment_main .detailComment
{
	text-align: center;
	background-color: #eee;
	cursor: pointer;
	clear: both;
	height: 20px;
	line-height: 20px
}

.common .bp_comment .comment_main .elinfo .hidefb
{
	display: block
}

.common .bp_comment .comment_main .re_ul .msg-history
{
	color: #aaa;
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding: 0;
	margin: 0 -10px 20px -10px
}

.common .bp_comment .comment_main .re_ul .msg-history:first-child
{
	padding-top: 10px
}

.common .bp_comment .comment_main .re_ul .msg-history .txt-blk
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border: 1px solid #ddd;
	border-bottom-color: #eee;
	margin-bottom: -1px;
	padding: 5px 15px;
	border-radius: 4px 4px 0 0
}

.common .bp_comment .comment_main .re_ul .msg-history .name
{
	margin: 0 5px 0 10px
}

.common .bp_comment .comment_main .re_ul .name.up
{
	color: #f25d8e
}

.common .bp_comment .comment_main .re_ul .re_face .up-tag
{
	color: #aaa
}

.common .b-head
{
	padding-top: 20px
}

.common .b-head .results
{
	display: none;
	margin-right: 10px
}

.common .b-head .del-log
{
	float: right;
	line-height: 24px;
	color: #99a2aa
}

.common .b-head .del-log:hover
{
	color: #00a1d6
}

.common .b-head input,.common .b-head label
{
	vertical-align: middle
}

.common .b-head #checkbox_miniplayer
{
	margin-left: 20px
}

.v_large
{
	float: left;
	width: 690px
}

.widescreen .v_large
{
	width: 870px
}

.v_small
{
	float: right;
	width: 270px
}

.comm
{
	min-height: 200px;
	padding-top: 10px;
	zoom: 1
}

.comm:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.v_info
{
	padding-top: 20px
}

.v_info .intro
{
	padding: 30px 0;
	color: #6d757a;
	line-height: 20px;
	word-wrap: break-word;
	overflow: hidden;
	border-bottom: 1px solid #e5e9ef;
	position: relative
}

.v_info .intro .disable-reprinted
{
	margin-bottom: 20px;
	color: #262626
}

.v_info .intro .disable-reprinted .disable-reprinted-mark
{
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 3px;
	margin-bottom: -3px;
	background: url(''../images/icons.png'') -793px -537px
}

.v_info .intro .arcinfo_link img
{
	z-index: 1;
	display: none!important
}

.v_info .intro #v_desc
{
	max-height: 120px;
	overflow: hidden;
	white-space: pre-wrap
}

.v_info .intro #v_desc.open
{
	max-height: none
}

.v_info .intro .v-desc-toggle
{
	position: absolute;
	bottom: 6px;
	right: 0;
	line-height: 16px;
	padding: 3px 7px
}

.v_info .intro .v-desc-toggle .b-icon
{
	margin-top: -2px;
	margin-left: 2px
}

.v_info .intro .v-desc-toggle:hover .b-icon-toggle-down
{
	background-position: 0 -1662px
}

.v_info .intro .v-desc-toggle:hover .b-icon-toggle-up
{
	background-position: 0 -1693px
}

.v_info .s_tag
{
	padding: 10px 0 20px 0;
	border-bottom: 1px solid #e5e9ef;
	min-height: 32px;
	zoom: 1
}

.v_info .s_tag:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.v_info .s_tag.topic
{
	padding-top: 20px
}

.v_info #newtag
{
	display: block;
	float: right;
	line-height: 26px
}

.v_info #newtag a
{
	margin-left: 10px;
	padding: 3px 7px;
	vertical-align: top;
	border-color: transparent;
	color: #00a1d6
}

.v_info #newtag a:hover
{
	border-color: #e5e9ef;
	background-color: #e5e9ef
}

ul.tag
{
	color: #99a2aa;
	display: block;
	float: left;
	font-family: Arial,å¾®è½¯é›…é»‘;
	overflow: hidden
}

ul.tag li
{
	margin: 2px 3px 2px 3px;
	position: relative;
	float: left;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 2px 7px 2px 5px;
	border-radius: 3px;
	white-space: nowrap
}

ul.tag li a.sp
{
	background: url(/images/v3images/icons1.png) no-repeat 0 -133px;
	width: 18px;
	margin-right: 4px
}

ul.tag li a.del_tag
{
	position: absolute;
	right: -5px;
	top: -4px;
	display: none
}

ul.tag li:hover a.del_tag
{
	display: block
}

ul.tag li img
{
	margin-top: 2px;
	display: block;
	float: left;
	margin-right: 2px
}

ul.tag li:hover
{
	background: #eaeaea
}

ul.tag li a
{
	display: block;
	float: left;
	height: 20px;
	color: #666;
	line-height: 20px
}

ul.tag li a.sp-tag
{
	background: url(/images/v3images/icons1.png) 0 -134px no-repeat;
	width: 22px
}

#dynlist ul.tag
{
	clear: both;
	margin-left: 60px;
	margin-bottom: 5px
}

#dynlist .pagelistbox
{
	margin-top: 10px
}

.new_comm
{
	background: #e4f3f8;
	text-align: center;
	color: #00a1d6;
	border: 1px solid #b5e7f7;
	border-radius: 4px;
	padding: 5px 0 5px 0;
	cursor: pointer
}

.new_comm a
{
	color: #00a1d6
}

.new_comm b
{
	margin: 0 3px
}

.group-play-info
{
	width: 300px;
	float: right;
	padding: 15px 0
}

.group-play-info .group-face
{
	width: 64px;
	height: 64px;
	float: left;
	border-radius: 64px;
	margin-right: 16px
}

.group-play-info .t
{
	margin-left: 80px;
	margin-bottom: 20px
}

.group-play-info .t a
{
	color: #fff;
	border-radius: 4px;
	background-color: #81c8f1;
	padding: 2px 6px
}

.group-play-info .t a span
{
	padding-right: 5px;
	border-right: 1px dotted #fff;
	margin-right: 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 12px
}

.group-play-info .upload-user
{
	margin-left: 80px;
	border-top: 1px solid #e0e6ed;
	position: relative;
	padding: 15px 0 10px 0
}

.group-play-info .upload-user .upload-user-text
{
	position: absolute;
	padding-right: 5px;
	top: -10px;
	line-height: 20px;
	background-color: #fff;
	color: #99a2aa
}

.group-play-info .upload-user li
{
	float: left
}

.group-play-info .upload-user li img
{
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 36px;
	border: 1px solid #e0e6ed
}

.ad-f
{
	width: 980px;
	margin: 0 auto 20px;
	overflow: hidden
}

.widescreen .ad-f
{
	width: 1160px
}

.ad-e1,.ad-e2
{
	margin: 20px 0 0 0;
	clear: both;
	display: none
}

.ad-e4
{
	margin-top: 20px
}

.huodong_bg
{
	color: #FFF;
	font-size: 14px;
	text-align: center;
	border-radius: 5px 5px 0 0;
	line-height: 25px;
	background: #f36
}

.huodong_bg a
{
	color: #fff
}

.comm_open_btn
{
	margin: 30px auto 0;
	display: block;
	width: 320px;
	height: 80px;
	background: url(/images/v2images/morecomm.gif) no-repeat;
	cursor: pointer
}

.arrow
{
	position: absolute;
	overflow: hidden;
	display: block;
	background: url(/images/v2images/info_arrows.png) no-repeat
}

.arrow_l
{
	right: auto;
	width: 7px;
	height: 13px;
	left: -7px;
	top: 12px;
	background-position: 0 0
}

.arrow_r
{
	left: auto;
	width: 7px;
	height: 13px;
	right: -7px;
	top: 12px;
	background-position: -6px 0
}

.spc_list
{
	overflow: hidden;
	margin-bottom: 20px
}

.spc_list span.disapprove
{
	color: #f25d8e
}

.spc_list .sort .swc li a
{
	color: #8b8c8d
}

.spc_list .sort .swc li.on a
{
	color: #00a1d6
}

.spc_list .pagelistbox
{
	margin: 10px 0 0 0;
	float: right
}

.spc_list .sp_ul
{
	overflow: hidden
}

.spc_list .sp_ul li
{
	display: block;
	overflow: hidden;
	padding: 20px 15px;
	margin-top: 10px;
	border: 1px solid #ddd;
	background: #fff
}

.spc_list .sp_ul li img
{
	float: left;
	width: 128px;
	height: 128px;
	margin: 0 20px 0 0
}

.spc_list .sp_ul li .t
{
	font-size: 14px;
	line-height: 16px
}

.spc_list .sp_ul li .t span
{
	font-size: 12px;
	color: #99a2aa
}

.spc_list .sp_ul li .t b
{
	font-family: sisum;
	font-size: 11px;
	background: #f489ad;
	color: white;
	line-height: 16px;
	padding: 2px;
	border-radius: 4px;
	text-shadow: none;
	margin: 0 5px 0 5px
}

.spc_list .sp_ul li .info
{
	color: #aaa;
	font-size: 13px;
	line-height: 150%;
	margin: 8px 0 8px 0;
	width: 480px;
	float: left;
	word-break: break-all;
	word-wrap: break-word;
	height: 79px;
	overflow: hidden
}

.widescreen .spc_list .sp_ul li .info
{
	width: 650px
}

.spc_list .sp_ul li .w_info
{
	overflow: hidden;
	color: #666;
	font-family: "microsoft yahei",simhei;
	font-size: 12px;
	float: left;
	width: 480px
}

.widescreen .spc_list .sp_ul li .w_info
{
	width: 700px
}

.spc_list .sp_ul li .w_info i
{
	color: #aaa;
	display: block;
	float: right;
	width: 50px;
	padding-left: 14px;
	background: url(/images/v3images/icons_v.png) no-repeat 0 0
}

.spc_list .sp_ul li .w_info i.date
{
	background: 0;
	padding: 0;
	margin-right: 10px;
	width: auto;
	float: left
}

.spc_list .sp_ul li .w_info i.sc
{
	background-position: 0 -284px
}

.spc_list .sp_ul li .w_info i.gz
{
	background-position: 0 -367px
}

.spc_list .sp_ul li .t .disapprove
{
	color: #f25d8e
}

.ov-box
{
	position: absolute;
	width: 320px;
	height: 182px;
	border: 1px solid #ccd0d7;
	border-radius: 4px;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	z-index: 10020;
	overflow: hidden;
	background-color: #fff;
	display: none
}

.ov-box .ov
{
	position: relative;
	padding: 12px
}

.ov-box .title
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	height: 20px;
	line-height: 12px
}

.ov-box .v-info
{
	color: #99a2aa;
	padding: 4px 0 6px 0
}

.ov-box .v-info span
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	height: 16px;
	line-height: 12px;
	*line-height: normal
}

.ov-box .v-info span.v-info-author
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 150px
}

.ov-box .v-info span.s-line
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-left: 1px solid #99a2aa;
	height: 12px;
	margin: 1px 10px 0
}

.ov-box .v-data
{
	border-top: 1px solid #e5e9ef;
	padding-top: 10px
}

.ov-box .v-data span
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 72px;
	color: #99a2aa;
	line-height: 12px
}

.ov-box .v-data span i
{
	margin-right: 4px;
	vertical-align: top
}

.ov-box .v-preview
{
	padding: 8px 0 12px;
	border-top: 1px solid #e5e9ef;
	height: 64px
}

.ov-box .v-preview img
{
	width: 96px;
	height: 60px;
	float: left;
	margin-right: 8px;
	margin-top: 4px;
	border-radius: 4px
}

.ov-box .v-preview .txt
{
	height: 60px;
	overflow: hidden;
	line-height: 20px;
	word-wrap: break-word;
	word-break: break-all;
	color: #99a2aa
}

.ov-box.bgm-ov-box
{
	height: 130px
}

.ov-box.bgm-ov-box .v-info
{
	padding: 0;
	height: 84px
}

.ov-box.bgm-ov-box .v-info img
{
	width: 72px;
	height: 72px;
	float: left;
	margin-right: 12px;
	margin-top: 0;
	border-radius: 4px
}

.ov-box.bgm-ov-box .v-info .title
{
	line-height: 34px;
	height: 34px;
	margin-bottom: 6px;
	color: #222;
	font-size: 14px
}

.ov-box.bgm-ov-box .v-info span
{
	font-size: 12px
}

.ov-box.bgm-ov-box .v-data
{
	margin: 0 -12px;
	padding: 10px 12px 0
}

.ov-box.bgm-ov-box .v-data span
{
	width: 76px;
	margin-right: 18px
}

.v-preview-pic
{
	position: absolute;
	width: 320px;
	height: 182px;
	border: 1px solid #ccd0d7;
	border-radius: 4px;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	z-index: 10020;
	overflow: hidden
}

.v-preview-pic img
{
	display: block;
	width: 100%;
	height: 100%
}

.ad-wide
{
	width: 720px;
	overflow: hidden
}

.widescreen .ad-wide
{
	width: 885px
}

.ad-wide a
{
	display: block;
	margin-top: 25px
}

.ad-wide a:first-child
{
	margin: 0
}

.ad-thin
{
	width: 230px;
	overflow: hidden;
	text-align: center
}

.widescreen .ad-thin
{
	width: 250px
}

.ad-thin a
{
	display: block;
	margin-top: 25px
}

.ad-thin a:first-child
{
	margin: 0
}

.ad-thin.ad-c1
{
	margin: 0 0 12px 0
}

.ad-e,.ad-wide,.ad-thin
{
	border-radius: 4px
}

.ad-e img,.ad-wide img,.ad-thin img
{
	border-radius: 4px
}

#ggad
{
	background: #f6f6f6;
	text-align: center;
	margin: 25px 0 10px 0;
	padding: 20px 0 20px 0
}

.ad-b1
{
	margin: 15px 0 5px 0
}

.ad-e
{
	float: left;
	overflow: hidden;
	padding: 10px 5px 10px 5px;
	width: 970px;
	display: none
}

.widescreen .ad-e
{
	width: 1160px
}

#list_bangumi_new
{
	padding-bottom: 0;
	padding-top: 20px
}

#list_bangumi_new .a-link
{
	display: block;
	border: 1px solid #f25d8e;
	width: 104px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 14px;
	border-radius: 4px
}

#list_bangumi_new .a-link:hover
{
	background-color: #f25d8e
}

#list_bangumi_new .a-link:hover a
{
	color: #fff
}

#list_bangumi_new .a-link:hover .b-icon-arrow-red-r
{
	background-position: -541px -218px
}

#list_bangumi_new .a-link a
{
	display: block;
	color: #f25d8e
}

.bgm-calendar.bgmbox
{
	padding: 0;
	min-height: 100px
}

.bgm-calendar.bgmbox .c-list li .c-item
{
	margin: 0
}

.bgm-calendar.bgmbox .bgmbox-bottom
{
	height: 40px
}

.container-row.hotspot .v-list
{
	height: 150px
}

.container-top .top-list.hotspot li
{
	margin-bottom: 10px
}

.container-row.hotspot .v-list .v .t,.top-list.hotspot .v .t
{
	height: 20px;
	margin-bottom: 0;
	padding-top: 4px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.container-row.hotspot .v-list .v .t.expand,.top-list.hotspot .v .t.expand
{
	height: 40px;
	white-space: normal
}

.container-row.hotspot .v-list .v .tc,.top-list.hotspot .v .tc
{
	color: #b8c0cc;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.container-row.hotspot .b-r
{
	height: 200px;
	min-height: 200px
}

.container-row.hotspot .b-r .news-list
{
	padding-top: 24px
}

.container-row.hotspot .b-r .news-list li
{
	overflow: hidden;
	padding-bottom: 20px
}

.container-row.hotspot .b-r .news-list li:hover .t
{
	color: #00a1d6
}

.container-row.hotspot .b-r .news-list li .news-type
{
	border-radius: 3px;
	line-height: 16px;
	padding: 2px 5px;
	color: #fff;
	margin-right: 5px;
	background: #ff8eb3;
	float: left;
	min-height: 16px;
	min-width: 10px;
	text-align: center
}

.container-row.hotspot .b-r .news-list li .tc
{
	color: #b8c0cc;
	margin-top: 6px;
	height: 12px;
	line-height: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.container-row.hotspot .b-r .news-list .preview
{
	margin-right: 5px;
	width: 80px;
	height: 50px;
	float: left;
	position: relative
}

.container-row.hotspot .b-r .news-list .preview .watch-later
{
	width: 22px;
	height: 22px;
	background-image: url(/images/base/watchlater-1.png);
	transition: opacity .2s;
	opacity: 0;
	position: absolute;
	left: 52px;
	top: 24px
}

.container-row.hotspot .b-r .news-list .preview .watch-later.on
{
	background-image: url(/images/base/watchlater-2.png)
}

.container-row.hotspot .b-r .news-list .preview:hover .watch-later
{
	opacity: 1
}

.container-row.hotspot .b-r .news-list img
{
	display: block;
	width: 80px;
	height: 50px;
	margin: 0 auto;
	border-radius: 4px
}

.container-row.hotspot .b-r .news-list .t
{
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #222;
	height: 20px;
	line-height: 20px
}

.container-row.hotspot .b-r .news-list li.on .t
{
	height: 32px;
	line-height: 16px;
	white-space: normal
}

.container-row.hotspot .b-r .post-item
{
	width: 260px;
	height: 150px;
	margin-top: 24px
}

.container-row.hotspot .b-r .post-item img
{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 4px
}

.noselect
{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}

.mmask
{
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 5000
}

.b-player-dummy
{
	width: 980px;
	height: 536px;
	margin: 0 auto 20px
}

.b-player-dummy.wide
{
	height: 588px
}

.widescreen .b-player-dummy
{
	width: 1160px;
	height: 666px
}

.widescreen .b-player-dummy.wide
{
	height: 717px
}

#bofqi.float
{
	width: 320px;
	height: 270px;
	overflow: visible;
	position: fixed;
	top: 426px;
	z-index: 99999;
	margin: 0;
	box-shadow: none
}

#bofqi.float .b-player-gray
{
	display: none
}

#bofqi.float .app-banner
{
	display: none
}

#bofqi.float:before
{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 320px;
	height: 240px;
	box-shadow: #ddd 0 0 5px;
	z-index: -1
}

#bofqi.float .player
{
	width: 320px!important;
	height: 240px!important;
	margin-top: 30px;
	left: 0
}

#bofqi.float .move
{
	width: 320px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	cursor: pointer;
	color: #fff;
	z-index: 6001;
	display: none
}

#bofqi.float .move.on
{
	height: 270px
}

#bofqi.float .move .t
{
	height: 30px;
	line-height: 30px;
	background: #00a1d6;
	z-index: 6000
}

#bofqi.float .move:hover .t
{
	background: #32b3dd;
	cursor: move
}

#bofqi.float .move .close,#bofqi.float .move .gotop
{
	position: absolute;
	right: 0;
	top: 0;
	height: 30px;
	line-height: 30px;
	width: 40px
}

#bofqi.float .move .close:hover,#bofqi.float .move .gotop:hover
{
	background: #00a1d7
}

#bofqi.float .move .gotop
{
	left: 0;
	width: 60px
}

#bofqi.newfloat
{
	width: 320px;
	height: 270px;
	overflow: visible;
	position: fixed;
	top: 426px;
	z-index: 99999;
	margin: 0;
	box-shadow: none
}

#bofqi.newfloat .b-player-gray
{
	display: none
}

#bofqi.newfloat .app-banner
{
	display: none
}

#bofqi.newfloat:before
{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 320px;
	height: 240px;
	box-shadow: #ddd 0 0 5px;
	z-index: -1
}

#bofqi.newfloat .player
{
	width: 320px!important;
	height: 240px!important;
	margin-top: 30px;
	left: 0;
	overflow: hidden
}

#bofqi.newfloat .move
{
	width: 320px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	cursor: pointer;
	color: #fff;
	background: #fff;
	z-index: 6001;
	display: none;
	box-shadow: #ddd 0 0 5px;
	cursor: move
}

#bofqi.newfloat .move.on
{
	height: 30px;
	box-shadow: #ddd 0 0 5px
}

#bofqi.newfloat .move .t
{
	height: 30px;
	line-height: 30px;
	background: #fff url(''../images/icons.png'') -463px -1872px;
	width: 36px;
	margin: 0 auto;
	z-index: 6000
}

#bofqi.newfloat .move .close
{
	position: absolute;
	right: 0;
	top: 0;
	height: 30px;
	line-height: 30px;
	width: 40px;
	background: #fff url(''../images/icons.png'') -525px -1872px;
	cursor: pointer
}

#miniPlayerSwitch
{
	height: 40px;
	line-height: 20px;
	border: 1px solid #e5e9ef;
	margin-top: 4px;
	border-radius: 4px;
	background: #f6f9fa;
	color: #6d757a;
	transition: .2s;
	overflow: hidden;
	cursor: pointer
}

#miniPlayerSwitch:hover
{
	background: #00a1d6;
	color: #fff
}

.p-float-txt
{
	position: absolute;
	background: #00a1d6;
	opacity: 0;
	color: #fff;
	padding: 5px 10px;
	text-align: left;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 12px;
	line-height: 16px;
	max-width: 400px;
	border-radius: 4px
}

.lazyLoaderPage
{
	margin-top: 10px
}

.lazyLoaderPage li
{
	vertical-align: middle;
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: #fff;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border: 1px solid #DDD;
	margin: 0 5px;
	border-radius: 4px
}

.lazyLoaderPage li:hover
{
	background: #DDD
}

.lazyLoaderPage li.current
{
	background: 0;
	border: 0;
	font-weight: bolder;
	cursor: default
}

.lazyLoaderPage li a
{
	display: block;
	width: 100%;
	height: 100%
}

.lazyLoaderPage li a.endPage,.lazyLoaderPage li a.indexPage
{
	font-weight: bolder;
	font-family: ariel
}

.lazyLoaderPage li.more
{
	background: 0;
	cursor: default
}

.lazyLoaderPage li.first
{
	background-position: -52px -574px
}

.lazyLoaderPage li.last
{
	background-position: -172px -574px
}

.nav-tip
{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -212px;
	margin-left: -262px;
	width: 524px;
	height: 414px;
	background: url(/images/v3images/nav-tips.png) center center no-repeat;
	z-index: 12000
}

.nav-tip .close
{
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 60px;
	cursor: pointer
}

.nav-tip .ok
{
	position: absolute;
	left: 180px;
	bottom: 26px;
	width: 168px;
	height: 62px;
	cursor: pointer
}

.wnd-mask
{
	position: fixed;
	width: 100%;
	height: 150%;
	background-color: #000;
	opacity: .5!important;
	filter: alpha(opacity=50)!important;
	z-index: 10005;
	top: 0;
	left: 0
}

.index-nav
{
	display: none;
	position: fixed;
	width: 48px;
	z-index: 90;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.index-nav .custom-bg
{
	z-index: 5;
	position: absolute;
	top: 150px;
	left: -70px;
	height: 100px;
	width: 100px;
	background: #fff;
	background: rgba(255,255,255,0.8);
	transition: .3s;
	opacity: 0;
	border-radius: 4px
}

.index-nav.customizing
{
	z-index: 10010
}

.index-nav.customizing .custom-bg
{
	top: -15px;
	left: -130px;
	height: 100%;
	padding-bottom: 20px;
	width: 200px;
	opacity: 1
}

.index-nav.customizing .tip
{
	top: 0;
	opacity: 1
}

.index-nav.customizing .n-i.sortable
{
	cursor: move
}

.index-nav .pointer-block
{
	position: absolute;
	width: 48px;
	height: 32px;
	margin-left: -1px;
	background: #00a1d6;
	z-index: -1;
	transition: .1s all linear;
	display: none
}

.index-nav .border
{
	position: absolute;
	height: 100%;
	width: 100%;
	top: -3px;
	border: 3px solid #fafafa;
	left: -3px;
	border-radius: 4px;
	display: none
}

.index-nav .tip
{
	background: url(/images/v3images/tab2233.png) 0 0 no-repeat;
	position: absolute;
	left: -117px;
	top: 50px;
	width: 117px;
	height: 333px;
	z-index: 10010;
	transition: .3s;
	opacity: 0
}

.index-nav .nav-list
{
	position: relative;
	z-index: 233;
	background-color: #f6f9fa;
	border: 1px solid #e5e9ef;
	overflow: hidden;
	border-radius: 4px
}

.index-nav.sub .nav-list
{
	border: 0
}

.index-nav .n-i
{
	cursor: pointer
}

.index-nav .n-i:first-child
{
	border-top: 0
}

.index-nav .n-i.gotop
{
	border: 0;
	position: relative;
	z-index: 50
}

.index-nav .n-i.gotop .s-line
{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	height: 9px;
	width: 30px;
	margin: 0 auto
}

.index-nav .n-i.gotop.sub .s-line
{
	display: none
}

.index-nav .n-i.gotop .btn_gotop
{
	height: 48px;
	background: #f6f9fa url('../images/icons.png') -648px -72px no-repeat;
	border: 1px solid #e5e9ef;
	overflow: hidden;
	border-radius: 4px
}

.index-nav .n-i.gotop .btn_gotop:hover
{
	background-color: #00a1d6;
	background-position: -714px -72px;
	border-color: #00a1d6
}

.index-nav .n-i.customize
{
	padding: 8px 0;
	border-top: 1px solid #e5e9ef
}

.index-nav .n-i.customize .n-icon-sort
{
	display: block;
	margin: 0 auto 4px;
	background: url('../images/icons.png') -663px -151px no-repeat;
	height: 18px;
	width: 18px
}

.index-nav .n-i.customize:hover
{
	color: #fff;
	background-color: #00a1d6
}

.index-nav .n-i.customize:hover .n-icon-sort
{
	background-position: -727px -151px
}

.index-nav .n-i.n-i-mlink
{
	border: 0;
	position: relative;
	z-index: 50
}

.index-nav .n-i.n-i-mlink .mlink-dl-msg
{
	background: url(//i0.hdslb.com/bfs/static/3af67e81274b02ca1693fdb73adbc03c98c3880a.png);
	width: 106px;
	height: 44px;
	position: absolute;
	left: -106px;
	top: -23px;
	display: none
}

.index-nav .n-i.n-i-mlink .n-i-mlink-bg
{
	height: 30px;
	margin-left: -16px
}

.index-nav .n-i .name
{
	height: 32px;
	line-height: 32px;
	transition: .1s linear;
	transition-property: background-color,color
}

.index-nav .n-i .name:hover
{
	background-color: #00a1d6;
	color: #fff
}

.index-nav .n-i.on .name
{
	color: #fff
}

.index-nav .n-i.on .name:hover
{
	background-color: transparent;
	color: #fff
}

.v-middle:after
{
	display: inline-block;
	width: 0;
	height: 100%;
	content: ".";
	vertical-align: middle;
	overflow: hidden
}

.p-loading
{
	text-align: center;
	height: 100%;
	width: 100%;
	min-height: 40px;
	line-height: 40px;
	color: #99a2aa
}

.b-topic .p-loading,#b_index_top .b-l .p-loading
{
	position: absolute;
	z-index: 9999
}

.b-topic .p-loading:after,#b_index_top .b-l .p-loading:after
{
	content: "loading...";
	height: 220px;
	line-height: 220px
}

#bangumi_top .b-topic .p-loading:after,#bangumi_top .top-list .p-loading
{
	height: 300px;
	line-height: 300px
}

#movie_top .p-loading:after,#ad_top_extra .p-loading:after,#tv_top .p-loading:after
{
	height: 280px;
	line-height: 280px
}

.widescreen #movie_top .p-loading:after,.widescreen #ad_top_extra .p-loading:after,.widescreen #tv_top .p-loading:after
{
	height: 332px;
	line-height: 332px
}

.topic-preview-wrapper
{
	position: relative;
	width: 440px
}

.topic-preview-wrapper .topic-preview-list-wrapper
{
	overflow: hidden;
	*position: relative;
	border-radius: 4px
}

#b_index_top .topic-preview-wrapper
{
	height: 220px
}

.container-top-sub .topic-preview-wrapper
{
	width: 620px
}

.container-top-sub .topic-preview-wrapper .topic-preview li
{
	width: 620px
}

#bangumi_top .topic-preview-wrapper .topic-preview li
{
	height: 300px
}

#movie_top .topic-preview-wrapper,#ad_top_extra .topic-preview-wrapper,#tv_top .topic-preview-wrapper
{
	width: 100%
}

.topic-preview-wrapper a
{
	color: #fff
}

.topic-preview-wrapper a:hover
{
	text-shadow: 0 0 3px #fff;
	color: #fff
}

.topic-preview-wrapper .topic-preview
{
	width: 600%;
	zoom: 1
}

.topic-preview-wrapper .topic-preview:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.topic-preview-wrapper .topic-preview li
{
	width: 440px;
	height: 220px;
	float: left;
	overflow: hidden
}

#bangumi_top .topic-preview-wrapper .topic-preview li
{
	height: 300px
}

#movie_top .topic-preview-wrapper .topic-preview li,#ad_top_extra .topic-preview-wrapper .topic-preview li,#tv_top .topic-preview-wrapper .topic-preview li
{
	width: 980px;
	height: 280px
}

.widescreen #movie_top .topic-preview-wrapper .topic-preview li,.widescreen #ad_top_extra .topic-preview-wrapper .topic-preview li,.widescreen #tv_top .topic-preview-wrapper .topic-preview li
{
	width: 1160px;
	height: 332px
}

.topic-preview-wrapper .topic-preview li img
{
	width: 100%;
	height: 100%
}

.topic-preview-wrapper .slider-bar
{
	position: absolute;
	right: 5px;
	bottom: 5px;
	overflow: hidden;
	padding: 2px 5px
}

.topic-preview-wrapper .slider-bar li
{
	float: left;
	cursor: pointer;
	width: 18px;
	height: 18px;
	margin: 2px 2px;
	background: url('../images/icons.png') -855px -790px no-repeat
}

.topic-preview-wrapper .slider-bar li:hover
{
	background-position: -919px -790px
}

.topic-preview-wrapper .slider-bar li.on,.topic-preview-wrapper .slider-bar li.on:hover
{
	background-position: -855px -727px
}

.topic-preview-wrapper.ex .slider-bar
{
	padding: 0;
	position: relative;
	overflow: visible;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto
}

.topic-preview-wrapper.ex .slider-bar li
{
	margin: 0 8px 0 0;
	background: 0;
	position: relative;
	border: 2px solid #fff;
	border-radius: 4px
}

.topic-preview-wrapper.ex .slider-bar li:hover .mask
{
	background-color: rgba(255,255,255,0.3)
}

.topic-preview-wrapper.ex .slider-bar li img
{
	width: 100%;
	height: 100%
}

.topic-preview-wrapper.ex .slider-bar .mask
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0);
	transition: .2s;
	z-index: 100
}

.topic-preview-wrapper.ex .slider-bar .current
{
	position: absolute;
	left: -2px;
	top: 0;
	margin: 0 0 0 2px;
	border: 2px solid #f25d8e;
	transition: .2s;
	background: 0;
	z-index: 50
}

.topic-preview-wrapper.ex.ex-l .slider-bar
{
	float: right;
	margin-top: 5px
}

.topic-preview-wrapper.ex.ex-l .slider-bar li
{
	width: 60px;
	height: 44px
}

.topic-preview-wrapper.ex.ex-s .slider-bar
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top
}

.topic-preview-wrapper.ex.ex-s .slider-bar li
{
	width: 50px;
	height: 38px
}

.topic-preview-wrapper .notitle .slider-bar
{
	background: #888;
	background: rgba(0,0,0,0.5);
	border-radius: 15px;
	padding: 2px 15px
}

.topic-preview-wrapper .s-bottom
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 35px;
	background: #000;
	background: url(/images/base/gradient.png) 0 0 repeat-x;
	background: -webkit-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.66));
	background: -o-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.66));
	background: -moz-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.66));
	background: linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.66));
	border-radius: 0 0 4px 4px
}

.topic-preview-wrapper .s-bottom.notitle
{
	background: 0
}

.topic-preview-wrapper.ex .s-bottom-wrapper
{
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.topic-preview-wrapper.ex .s-bottom
{
	text-align: left;
	position: static;
	width: auto;
	white-space: nowrap;
	display: block;
	background: #000;
	background: url(/images/base/gradient.png) 0 15px repeat-x;
	background: -webkit-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.66));
	background: -o-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.66));
	background: -moz-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.66));
	background: linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.66))
}

.topic-preview-wrapper.ex.ex-l .s-bottom
{
	height: 62px
}

.topic-preview-wrapper.ex.ex-s .s-bottom
{
	height: 45px;
	padding: 8px 0 5px 8px
}

.topic-preview-wrapper .title
{
	position: absolute;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	left: 20px;
	top: 0;
	height: 35px;
	line-height: 35px;
	width: 50%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
	font-size: 14px
}

.topic-preview-wrapper .title span
{
	display: none
}

.topic-preview-wrapper.ex .title
{
	position: static;
	margin: 0 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 200px
}

.topic-preview-wrapper.ex.ex-l .title
{
	margin-top: 24px;
	height: 32px;
	line-height: 32px
}

.topic-preview-wrapper.ex.ex-s .title
{
	margin-left: 5px;
	margin-top: 8px;
	height: 32px;
	line-height: 32px
}

.topic-preview-wrapper .more-topic
{
	position: absolute;
	right: 15px;
	bottom: 35px;
	color: #fff;
	background: #444;
	background: rgba(0,0,0,0.64);
	width: 50px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 4px;
	opacity: 0;
	visibility: hidden;
	transition: .2s all linear
}

.topic-preview-wrapper .more-topic .b-icon-arrow-r
{
	background-position: -541px -218px
}

.topic-preview-wrapper:hover .more-topic
{
	visibility: visible;
	opacity: 1
}

.container-top
{
	margin: 0 auto;
	padding-top: 20px;
	zoom: 1;
	width: 980px
}

.widescreen .container-top
{
	width: 1160px
}

.widescreen .container-top .top-list li .v-item-game .watch-later
{
	bottom: 88px
}

#index_container .container-top
{
	padding: 0;
	margin-bottom: 20px
}

.container-top.sub
{
	margin-bottom: 20px
}

.container-top.sub .top-list
{
	margin-right: -20px
}

.container-top.sub .container-top-sub
{
	height: 240px
}

.container-top#ad_top_extra
{
	margin-bottom: 0
}

.container-top ul
{
	zoom: 1
}

.container-top .b-l
{
	float: left;
	width: 440px
}

.container-top .b-r
{
	float: right;
	width: 540px;
	height: auto
}

.widescreen .container-top .b-r
{
	width: 720px
}

.container-top .container-top-sub
{
	height: 381px;
	overflow: hidden;
	position: relative
}

.container-top .container-top-sub .b-topic
{
	width: 620px;
	height: 220px
}

.container-top#bangumi_top .container-top-sub
{
	height: 316px
}

.container-top#bangumi_top .container-top-sub .b-topic
{
	height: 300px
}

.container-top#movie_top .container-top-sub,.container-top#ad_top_extra .container-top-sub,.container-top#tv_top .container-top-sub
{
	height: 300px
}

.widescreen .container-top#movie_top .container-top-sub,.widescreen .container-top#ad_top_extra .container-top-sub,.widescreen .container-top#tv_top .container-top-sub
{
	height: 352px
}

.container-top#movie_top .container-top-sub .b-topic,.container-top#ad_top_extra .container-top-sub .b-topic,.container-top#tv_top .container-top-sub .b-topic
{
	margin: 0;
	width: 100%;
	height: 280px
}

.container-top .b-topic
{
	float: left;
	margin-right: 20px;
	position: relative
}

.widescreen .container-top .b-topic
{
	margin-right: 20px
}

.container-top .top-list-wrapper
{
	position: relative;
	height: 240px;
	overflow: hidden;
	margin-left: 20px
}

.container-top .top-list-wrapper .prev,.container-top .top-list-wrapper .next
{
	display: none;
	position: absolute;
	background-color: #333;
	background-color: rgba(0,0,0,0.6);
	background-image: url(/images/v3images/icons2.png);
	background-repeat: no-repeat;
	width: 20px;
	top: 50%;
	margin-top: 25px;
	cursor: pointer;
	font-size: 12px;
	color: #fff;
	z-index: 99;
	text-align: center
}

.container-top .top-list-wrapper .prev:hover,.container-top .top-list-wrapper .next:hover
{
	background-color: #444;
	background-color: rgba(0,0,0,0.7);
	transition: .2s all linear
}

.container-top .top-list-wrapper .prev
{
	left: 0;
	border-radius: 0 2px 2px 0;
	background-position: 6px -1211px;
	padding: 13px 5px 13px 10px
}

.container-top .top-list-wrapper .next
{
	right: 0;
	border-radius: 2px 0 0 2px;
	background-position: 25px -1262px;
	padding: 13px 10px 13px 5px
}

.container-top .top-list-wrapper .top-list
{
	margin-right: -20px
}

.container-top .top-list.sub li .v-item
{
	margin: 0
}

.container-top .top-list li
{
	float: left;
	width: 180px;
	margin-bottom: 20px
}

.container-top .top-list li.preload
{
	display: none
}

.container-top .top-list li.p-loading
{
	float: none;
	width: auto
}

.container-top .top-list li .v-item
{
	width: 160px;
	height: 100px;
	position: relative
}

.container-top .top-list li .v-item .watch-later
{
	width: 22px;
	height: 22px;
	position: absolute;
	background-image: url(/images/base/watchlater-1.png);
	transition: opacity .2s;
	opacity: 0;
	bottom: 8px;
	right: 6px;
	z-index: 1
}

.container-top .top-list li .v-item .watch-later.on
{
	background-image: url(/images/base/watchlater-2.png)
}

.container-top .top-list li .v-item:hover .mask
{
	visibility: visible;
	opacity: 1;
	transition: none
}

.container-top .top-list li .v-item:hover .play-icon
{
	display: none
}

.container-top .top-list li .v-item:hover .info
{
	height: 100%;
	padding: 0;
	background: 0
}

.container-top .top-list li .v-item:hover .info p
{
	opacity: 1;
	transition: .3s all linear
}

.container-top .top-list li .v-item:hover .t
{
	height: 36px;
	margin-top: 10px
}

.container-top .top-list li .v-item:hover .watch-later
{
	opacity: 1
}

.container-top .top-list li .v-item .preview
{
	height: 100px;
	background: 0;
	overflow: hidden;
	border-radius: 4px
}

.container-top .top-list li .v-item img
{
	height: 100%;
	margin: 0 auto;
	display: block
}

.container-top .top-list li .v-item .mask
{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	top: 0;
	left: 0;
	background: #000;
	background: rgba(0,0,0,0.7);
	*filter: alpha(opacity=70);
	filter: alpha(opacity=70) \9;
	z-index: 1;
	transition: .3s all linear;
	border-radius: 4px
}

:root .container-top .top-list li .v-item .mask
{
	filter: alpha(opacity=100)
}

.container-top .top-list li .v-item .play-icon
{
	background: url(/images/v3images/icons1.png) 0 -547px no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 1px;
	bottom: 2px;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 2;
	display: none
}

.container-top .top-list li .v-item .info
{
	padding: 10px 0 3px;
	height: 18px;
	overflow: hidden;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: #000;
	background: url(/images/base/gradient.png) 0 0 repeat-x;
	background: -webkit-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.6) 65%,rgba(0,0,0,0.9));
	background: -o-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.6) 65%,rgba(0,0,0,0.9));
	background: -moz-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.6) 65%,rgba(0,0,0,0.9));
	background: linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.6) 65%,rgba(0,0,0,0.9));
	border-radius: 0 0 4px 4px
}

.container-top .top-list li .v-item .info p
{
	color: #99a2aa;
	margin: 5px 5px 0;
	opacity: 0;
	transition: .2s all linear
}

.container-top .top-list li .v-item .info p.up
{
	margin-top: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.container-top .top-list li .v-item .t
{
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	color: #fff;
	margin: 0 5px;
	word-break: break-all;
	word-wrap: break-word
}

.container-top .top-list li .v-item-game .watch-later
{
	bottom: 80px
}

.container-row .no-data,.container-top .no-data
{
	text-align: center!important;
	width: 100%!important;
	height: 100%!important;
	margin: 0!important;
	padding: 0!important;
	line-height: 100px!important;
	color: #99a2aa!important;
	float: none!important
}

.container-row .no-data span,.container-top .no-data span
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	height: 20px;
	line-height: 20px
}

.container-row .no-data:before,.container-top .no-data:before
{
	content: '';
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(/images/base/state.png) no-repeat center -598px;
	margin-right: 5px
}

.topic-preview-wrapper .no-data
{
	width: 420px!important;
	height: 220px!important;
	line-height: 220px!important
}

.container-top-sub .topic-preview-wrapper .topic-preview .no-data
{
	width: 620px!important
}

#movie_top .topic-preview-wrapper .topic-preview .no-data,#ad_top_extra .topic-preview-wrapper .topic-preview .no-data,#tv_top .topic-preview-wrapper .topic-preview .no-data
{
	width: 980px!important;
	height: 280px!important;
	line-height: 280px!important
}

.widescreen #movie_top .topic-preview-wrapper .topic-preview .no-data,.widescreen #ad_top_extra .topic-preview-wrapper .topic-preview .no-data,.widescreen #tv_top .topic-preview-wrapper .topic-preview .no-data
{
	width: 1160px!important;
	height: 332px!important;
	line-height: 332px!important
}

.z:after,.container-top:after,.container-row:after,.container-body:after,.b-head:after,.b-body:after,.container-row .ranking:after,.container-row .b-hd:after,.container-row .cld-new:after,.container-row .b-r .r-pmt:after,.container-row .b-r .r-list-ranking li .r-item:after,.r-list-body:after,.r-list-wrapper:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.container-row ul
{
	zoom: 1;
	*position: relative
}

.b-section-head .b-head
{
	padding-bottom: 16px
}

.b-section-body
{
	zoom: 1
}

.b-section-body:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.b-section-body.b-section-bangumi
{
	margin-top: 10px
}

.b-head
{
	position: relative;
	*zoom: 1;
	*z-index: 1
}

.b-body
{
	clear: both
}

.b-body.rb
{
	overflow: hidden;
	*position: relative
}

.b-head .b-head-i
{
	background: #f25d8e;
	display: inline-block;
	width: 8px;
	height: 20px;
	vertical-align: middle;
	margin-right: 10px;
	*display: inline;
	*zoom: 1
}

.container-row .b-l .b-head .b-head-i
{
	display: none
}

.container-row .b-l .b-head .b-head-t
{
	float: left
}

.container-row .b-l .b-head .b-head-t+.b-slt-tab
{
	margin-left: 20px;
	float: left
}

.container-row .b-l .b-head .b-head-s
{
	float: left;
	margin-top: 6px
}

.container-row .b-l .b-head .pmt-list.pmt-inline
{
	margin-left: 40px;
	margin-top: 3px;
	max-width: 214px;
	overflow: hidden;
	float: left
}

.container-row .b-l .b-head .pmt-list.pmt-inline .pmt-icon
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	background: url('../images/icons.png') -665px -1113px no-repeat;
	width: 14px;
	height: 14px;
	margin-top: 1px
}

.container-row .b-l .b-head .pmt-list.pmt-inline .pmt-link
{
	vertical-align: top;
	height: auto;
	padding: 0 0 0 8px;
	border: 0
}

.container-row .b-l .b-head .pmt-list.pmt-inline .pmt-link a
{
	max-width: 192px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#index_container .container-row .b-l .b-head
{
	height: 24px;
	white-space: nowrap
}

#index_container .container-row .b-l .b-head .b-head-i
{
	position: absolute;
	left: 0;
	top: -8px
}

#index_container .container-row .b-l .b-head .b-head-i+.b-head-t
{
	margin-left: 46px
}

#index_container #b_promote .b-l .b-head
{
	margin: 4px 0 6px
}

#index_container #b_promote .b-l .b-head .report
{
	display: inline-block;
	top: -12px;
	height: 45px;
	width: 100%;
	left: 0;
	padding-left: 110px;
	box-sizing: border-box;
	position: absolute
}

#index_container #b_promote .b-l .b-head .report .report-panel
{
	background: #fdecbe;
	height: 100%;
	line-height: 18px;
	padding: 5px 30px 5px 10px;
	color: #b64906;
	font-size: 12px;
	white-space: initial;
	box-sizing: border-box
}

#index_container #b_promote .b-l .b-head .report .report-panel a.close
{
	float: right;
	position: absolute;
	right: 0;
	top: 8px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: inline-block;
	color: #b64906;
	background: url('../images/icons.png') no-repeat;
	background-position: -465px -1169px;
	font-size: 0
}

#index_container #b_promote .b-l .b-head .report .report-panel a.close:hover
{
	opacity: .5
}

.widescreen #index_container #b_promote .b-l .b-head .report
{
	top: 0;
	height: 30px
}

.widescreen #index_container #b_promote .b-l .b-head .report .report-panel
{
	line-height: 30px;
	padding: 0 0 0 10px
}

.widescreen #index_container #b_promote .b-l .b-head .report .report-panel a.close
{
	position: static
}

#index_container #b_promote .rm-list
{
	padding-top: 10px
}

#index_container .b-head .b-head-i
{
	background: url('../images/icons.png') no-repeat;
	width: 40px;
	height: 39px;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

#index_container #b_promote .b-head .b-head-i
{
	background-position: -141px -75px
}

#index_container #b_douga .b-head .b-head-i
{
	background-position: -141px -908px
}

#index_container #b_bangumi .b-head .b-head-i
{
	background-position: -141px -140px;
	top: -4px
}

#index_container #b_guochuang .b-head .b-head-i
{
	background: url(/images/base/guochuang-title-icon.png) no-repeat;
	background-position: 0 0;
	top: -4px
}

#index_container #b_music .b-head .b-head-i
{
	background-position: -140px -266px
}

#index_container #b_dance .b-head .b-head-i
{
	background-position: -141px -461px
}

#index_container #b_game .b-head .b-head-i
{
	background-position: -141px -203px
}

#index_container #b_technology .b-head .b-head-i
{
	background-position: -141px -525px
}

#index_container #b_life .b-head .b-head-i
{
	width: 41px;
	background-position: -137px -970px
}

#index_container #b_ent .b-head .b-head-i
{
	background-position: -141px -1032px
}

#index_container #b_kichiku .b-head .b-head-i
{
	background-position: -141px -332px
}

#index_container #b_movie .b-head .b-head-i
{
	background-position: -141px -396px
}

#index_container #b_teleplay .b-head .b-head-i
{
	background-position: -141px -845px
}

#index_container #b_fashion .b-head .b-head-i
{
	background-position: -141px -718px
}

#index_container #b_ad .b-head .b-head-i
{
	background-position: -140px -1228px
}

#index_container #b_recommend .b-head .b-head-i
{
	background-position: -141px -780px
}

#index_container #b_live .b-head .b-head-i
{
	background-position: -141px -652px
}

.b-head .b-head-t
{
	vertical-align: middle;
	display: inline-block;
	font-size: 18px;
	line-height: 24px;
	color: #222;
	*display: inline;
	*zoom: 1
}

.b-head .b-head-t h2
{
	font-size: 24px!important;
	line-height: 24px;
	*line-height: 28px;
	*margin-top: -2px;
	font-weight: normal
}

.b-head .b-head-t h3
{
	font-size: 18px!important;
	font-weight: normal
}

.b-head .b-head-t a
{
	color: #222
}

.b-head .b-head-t a:hover
{
	color: #00a1d6
}

.b-head .b-head-s
{
	color: #99a2aa;
	margin-left: 20px;
	display: inline-block;
	vertical-align: bottom;
	font-family: "Lucida Console",Monaco,monospace;
	*display: inline;
	*zoom: 1
}

.b-head a.b-head-link
{
	margin-left: 20px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 20px;
	line-height: 20px
}

.b-slt-tab
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

.container-row .b-r .b-head .b-slt-tab
{
	padding-left: 20px
}

.container-row .b-l .b-head .b-slt-tab
{
	*float: left
}

.b-slt-tab li,.b-slt-tab .tab-i
{
	float: left;
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
	margin-left: 12px;
	cursor: pointer;
	text-align: center;
	transition: .2s;
	transition-property: border,color;
	border-radius: 4px
}

.b-slt-tab li:first-child,.b-slt-tab .tab-i:first-child
{
	margin-left: 0!important
}

.b-slt-tab li:hover,.b-slt-tab .tab-i:hover
{
	color: #00a1d6
}

.b-slt-tab li.on,.b-slt-tab .tab-i.on
{
	color: #00a1d6
}

.b-slt-tab li.on a,.b-slt-tab .tab-i.on a
{
	color: #00a1d6
}

.b-slt-tab .nobg
{
	background: 0
}

.b-slt-tab .nobg:hover
{
	background: 0
}

.b-slt-tab a
{
	color: #222
}

.b-slt-tab.b-tab-normal,.container-row .b-head .b-slt-tab
{
	position: relative
}

.b-slt-tab.b-tab-normal li,.container-row .b-head .b-slt-tab li,.b-slt-tab.b-tab-normal .tab-i,.container-row .b-head .b-slt-tab .tab-i
{
	position: relative;
	padding: 1px 0 2px;
	border-radius: 0;
	border-bottom: 1px solid transparent
}

.b-slt-tab.b-tab-normal li.on,.container-row .b-head .b-slt-tab li.on,.b-slt-tab.b-tab-normal .tab-i.on,.container-row .b-head .b-slt-tab .tab-i.on
{
	background-color: transparent;
	border-color: #00a1d6;
	color: #00a1d6
}

.b-slt-tab.b-tab-normal li.on:before,.container-row .b-head .b-slt-tab li.on:before,.b-slt-tab.b-tab-normal .tab-i.on:before,.container-row .b-head .b-slt-tab .tab-i.on:before
{
	display: block
}

.b-slt-tab.b-tab-normal li.on a,.container-row .b-head .b-slt-tab li.on a,.b-slt-tab.b-tab-normal .tab-i.on a,.container-row .b-head .b-slt-tab .tab-i.on a
{
	color: #00a1d6
}

.b-slt-tab.b-tab-normal li:hover,.container-row .b-head .b-slt-tab li:hover,.b-slt-tab.b-tab-normal .tab-i:hover,.container-row .b-head .b-slt-tab .tab-i:hover
{
	color: #00a1d6
}

.b-slt-tab.b-tab-normal li.line,.container-row .b-head .b-slt-tab li.line,.b-slt-tab.b-tab-normal .tab-i.line,.container-row .b-head .b-slt-tab .tab-i.line
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-radius: 0;
	border-bottom: 1px solid #00a1d6;
	margin: 0
}

.b-slt-tab.b-tab-normal li.line:before,.container-row .b-head .b-slt-tab li.line:before,.b-slt-tab.b-tab-normal .tab-i.line:before,.container-row .b-head .b-slt-tab .tab-i.line:before
{
	display: block
}

.b-slt-tab.b-tab-normal li:before,.container-row .b-head .b-slt-tab li:before,.b-slt-tab.b-tab-normal .tab-i:before,.container-row .b-head .b-slt-tab .tab-i:before
{
	content: '';
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	bottom: 0;
	width: 0;
	height: 0;
	border: 3px dashed #00a1d6;
	border-bottom-style: solid;
	border-top: 0;
	border-left-color: transparent;
	border-right-color: transparent
}

.b-slt-tab.b-tab-vertical
{
	position: relative
}

.b-slt-tab.b-tab-vertical li,.b-slt-tab.b-tab-vertical .tab-i
{
	position: relative;
	padding: 0 0 0 5px;
	border-radius: 0;
	border-left: 1px solid transparent;
	float: none;
	height: auto;
	line-height: 14px;
	width: 12px;
	margin: 16px 0 0 0
}

.b-slt-tab.b-tab-vertical li:first-child,.b-slt-tab.b-tab-vertical .tab-i:first-child
{
	margin-top: 0
}

.b-slt-tab.b-tab-vertical li.on,.b-slt-tab.b-tab-vertical .tab-i.on
{
	background-color: transparent;
	border-color: #00a1d6;
	color: #00a1d6
}

.b-slt-tab.b-tab-vertical li.on:before,.b-slt-tab.b-tab-vertical .tab-i.on:before
{
	display: block
}

.b-slt-tab.b-tab-vertical li.on a,.b-slt-tab.b-tab-vertical .tab-i.on a
{
	color: #00a1d6
}

.b-slt-tab.b-tab-vertical li:hover,.b-slt-tab.b-tab-vertical .tab-i:hover
{
	color: #00a1d6
}

.b-slt-tab.b-tab-vertical li.line,.b-slt-tab.b-tab-vertical .tab-i.line
{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	border-radius: 0;
	border-left: 1px solid #00a1d6;
	margin: 0
}

.b-slt-tab.b-tab-vertical li.line:before,.b-slt-tab.b-tab-vertical .tab-i.line:before
{
	display: block
}

.b-slt-tab.b-tab-vertical li:before,.b-slt-tab.b-tab-vertical .tab-i:before
{
	content: '';
	display: none;
	position: absolute;
	left: 0;
	margin-bottom: -3px;
	bottom: 50%;
	width: 0;
	height: 0;
	border: 3px dashed #00a1d6;
	border-left-style: solid;
	border-right: 0;
	border-top-color: transparent;
	border-bottom-color: transparent
}

.b-slt-tab.b-tab-vertical li .b-tab-text,.b-slt-tab.b-tab-vertical .tab-i .b-tab-text
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-top: -1px
}

.b-slt
{
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	background-color: #fff;
	cursor: default;
	padding: 0 7px;
	height: 22px;
	line-height: 22px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: solid 1px #ccd0d7;
	transition: .1s border linear;
	border-radius: 4px;
	*z-index: 1000
}

.b-slt.on,.b-slt:hover,.b-slt.on:hover
{
	border: solid 1px #ccd0d7;
	border-radius: 4px 4px 0 0;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px
}

.b-slt:hover
{
	border-radius: 4px
}

#list_order.b-slt
{
	display: none;
	margin-right: 20px
}

#list_order.b-slt .list
{
	width: 100%
}

.b-slt .b-slt-arrow
{
	background: url('../images/icons.png') -475px -157px no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 12px;
	height: 6px;
	margin-left: 5px;
	margin-top: -1px;
	*margin-top: 8px
}

.b-slt span
{
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.b-slt .txt
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top
}

.b-slt .list
{
	position: absolute;
	background: #fff;
	border: 1px solid #ccd0d7;
	border-top: 0;
	left: -1px;
	*left: -1px!important;
	top: 22px;
	display: none;
	max-height: 540px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 5000;
	border-radius: 0 0 4px 4px;
	min-width: 100%
}

.b-slt .list li
{
	cursor: pointer;
	margin: 0;
	padding: 3px 7px 3px 7px;
	white-space: nowrap;
	overflow: hidden;
	*overflow: visible;
	text-overflow: ellipsis;
	transition: .1s background-color
}

.b-slt .list li:hover
{
	background-color: #e5e9ef
}

.b-slt .list li.b-state-selected
{
	display: none
}

.b-slt .list li.b-state-disabled
{
	color: #99a2aa;
	cursor: default
}

.b-slt .list li.b-state-disabled:hover
{
	background-color: transparent
}

.b-slt .list li.disabled
{
	display: none
}

.b-slt.on .list
{
	display: block;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px
}

.container-row .b-m-s
{
	margin-top: 20px
}

.container-row .b-l
{
	float: left;
	width: 700px
}

.container-row .b-l .b-body
{
	margin-right: -20px
}

.container-row .b-l .sort
{
	margin-right: 10px
}

.widescreen .container-row .b-l .sort
{
	margin-right: 15px
}

.widescreen .container-row .b-l
{
	width: 880px
}

.container-row .b-r
{
	float: right;
	width: 260px;
	margin-bottom: 50px
}

#index_container .container-row .b-r
{
	min-height: 360px;
	height: 360px
}

#index_container .container-row .b-r .guochuang-topic-container
{
	height: 90px;
	padding-top: 2px
}

#index_container .container-row .b-r .guochuang-topic-container .mini-preview-wrapper .mini-preview li
{
	width: 260px;
	height: 90px
}

#index_container .container-row .b-r .guochuang-topic-container .mini-preview-wrapper .s-bottom
{
	height: 48px;
	background: linear-gradient(transparent,rgba(0,0,0,0.5));
	background: -webkit-linear-gradient(transparent,rgba(0,0,0,0.5));
	background: -moz-linear-gradient(transparent,rgba(0,0,0,0.5));
	background: -o-linear-gradient(transparent,rgba(0,0,0,0.5))
}

#index_container .container-row .b-r .guochuang-topic-container .mini-preview-wrapper .s-bottom .slider-bar
{
	background: 0;
	position: absolute;
	right: 12px;
	bottom: 0
}

#index_container .container-row .b-r .guochuang-topic-container .mini-preview-wrapper .s-bottom .slider-bar li a
{
	width: 10px
}

#index_container .container-row .b-r .guochuang-topic-container .mini-preview-wrapper .s-bottom .slider-bar li.on a
{
	width: 20px
}

#index_container #b_promote.container-row .b-r
{
	min-height: 195px;
	height: 195px
}

#index_container #b_recommend.container-row .b-r
{
	min-height: 195px;
	height: auto
}

.container-row .b-r.b-hotspot
{
	height: 210px!important;
	min-height: 210px!important
}

.container-row .b-r .b-head-t
{
	font-size: 18px;
	height: 24px;
	line-height: 24px
}

.container-row .b-r .rank-more
{
	text-align: right;
	display: block;
	height: 20px;
	line-height: 20px;
	margin-top: 5px
}

.container-row .more-link
{
	text-align: right;
	height: 24px;
	line-height: 24px
}

.container-row .more-link a
{
	margin-right: 20px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 160px;
	background-color: #e5e9ef;
	text-align: center;
	border: 1px solid #e0e6ed;
	height: 22px;
	line-height: 22px;
	color: #222;
	border-radius: 4px;
	transition: .2s
}

.container-row .more-link a .b-icon-arrow-r
{
	display: none
}

.container-row .more-link a:after
{
	content: '';
	display: inline-block;
	width: 6px;
	height: 12px;
	background: url('../images/icons.png') -478px -218px no-repeat;
	vertical-align: middle;
	margin: -2px 0 0 5px
}

.container-row .more-link a:hover
{
	background-color: #ccd0d7
}

.container-row .b-r .more-link a
{
	display: block;
	width: auto;
	margin: 0
}

.b-head .read-push
{
	float: right;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #ccd0d7;
	border-radius: 4px;
	height: 22px;
	padding: 0 10px
}

.b-head .read-push .icon-refresh
{
	background: url('../images/icons.png') -475px -89px no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 12px;
	height: 13px;
	vertical-align: top;
	transition: .2s;
	margin-top: 5px
}

.b-head .read-push .info
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	line-height: 22px;
	margin-left: 5px
}

.b-head .read-push:hover
{
	background-color: #ccd0d7
}

.b-head .read-push:hover .icon-refresh
{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg)
}

.container-row .v-list
{
	width: 100%;
	height: 316px;
	overflow: hidden;
	padding-top: 20px
}

.container-row .v-list.sub
{
	height: 484px
}

.container-row .v-list.sub.long
{
	height: 652px
}

.container-row .v-list li
{
	float: left;
	margin: 0 20px 20px 0
}

.container-row .v-list.sub li.preload
{
	display: none
}

.container-row .r-list
{
	overflow: hidden;
	margin-right: -20px;
	margin-top: 15px;
	height: 254px
}

.container-row .r-list li
{
	float: left;
	text-align: center;
	width: 33.3%;
	margin: 0 0 20px 0
}

.container-row .r-list li .r-item
{
	width: 100px
}

.widescreen .container-row .r-list li .r-item
{
	width: 113px
}

.container-row .r-list li .r-item a
{
	color: inherit
}

.container-row .r-list li .r-item a:hover
{
	color: #00a1d6
}

.container-row .r-list li .r-item .preview
{
	background: #333;
	height: 62.5px;
	border: 1px solid #e5e9ef
}

.widescreen .container-row .r-list li .r-item .preview
{
	height: 71px
}

.container-row .r-list li .r-item img
{
	max-width: 100%;
	height: 62.5px
}

.widescreen .container-row .r-list li .r-item img
{
	height: 71px
}

.container-row .r-list li .r-item p
{
	margin-top: 5px;
	height: 28px;
	line-height: 14px;
	overflow: hidden;
	text-align: left;
	word-wrap: break-word;
	word-break: break-all
}

.r-list-body
{
	zoom: 1;
	*position: relative
}

.r-list-wrapper
{
	width: 200%;
	zoom: 1
}

.r-list-wrapper .r-list,.r-list-wrapper .rlist
{
	width: 50%;
	float: left
}

.container-row .r-list-pmt
{
	overflow: hidden;
	margin-right: -20px;
	margin-top: 20px
}

.container-row .r-list-pmt.simple
{
	padding: 20px 0 20px 0;
	margin-top: 0
}

#index_container .container-row .r-list-pmt
{
	margin-right: 0
}

.container-row .r-list-pmt.sub li.ipt
{
	margin: 0
}

.container-row .r-list-pmt li
{
	float: left;
	width: 50%;
	margin: 0 0 20px 0
}

.container-row .r-list-pmt li.ipt
{
	width: 50%;
	margin: 0 0 25px 0
}

.container-row .r-list-pmt li.ipt .r-item
{
	width: 120px;
	position: relative
}

.container-row .r-list-pmt li.ipt .r-item .preview
{
	display: block;
	position: relative;
	width: 100%;
	height: 166px;
	border-radius: 4px;
	overflow: hidden
}

.container-row .r-list-pmt li.ipt .r-item img
{
	width: 100%;
	height: 100%
}

.container-row .r-list-pmt li.ipt .r-item .btm-info
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(/images/base/layer.png) repeat;
	background: rgba(0,0,0,0.6);
	line-height: 20px;
	color: #fff;
	padding: 5px 0
}

.container-row .r-list-pmt li.ipt .r-item .btm-info p.t
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 10px
}

.container-row .r-list-pmt li.ipt .r-item .btm-info p.play
{
	padding: 0 10px;
	color: #ccc
}

.container-row .r-list-pmt li.ipt .r-item p.num
{
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	background: url(/images/base/layer.png) repeat;
	background: rgba(0,0,0,0.6);
	padding: 0 8px;
	height: 20px;
	line-height: 20px
}

.container-row .r-list-pmt .p-loading
{
	width: 250px
}

#index_container .container-row .r-list-pmt .p-loading
{
	width: 260px
}

.b-list
{
	overflow: hidden
}

.container-row .b-list
{
	margin-right: -20px
}

.b-list li
{
	float: left;
	text-align: center;
	width: 100%;
	margin: 15px 0 5px 0
}

.b-list li .list-item
{
	zoom: 1
}

.b-list li .list-item:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.b-list li .list-item p
{
	text-align: left
}

.b-list li .list-item a
{
	color: inherit;
	text-align: left
}

.b-list li .list-item a:hover
{
	color: #00a1d6
}

.b-list li .list-item .preview
{
	width: 100px;
	height: 62.5px;
	margin-right: 10px;
	display: block;
	float: left;
	position: relative;
	background: #000;
	overflow: hidden
}

.b-list li .list-item .r-i
{
	float: left;
	width: 220px
}

#arc_p_box .b-list li .list-item .r-i
{
	width: 160px
}

.b-list li .list-item img
{
	height: 100%;
	margin: 0 auto;
	display: block
}

.b-list li .list-item p.t
{
	line-height: 20px;
	overflow: hidden;
	text-align: left;
	width: 100%;
	height: 40px;
	font-size: 14px;
	margin-top: -4px
}

.b-list li .list-item p.info
{
	text-align: left;
	margin-top: 2px;
	color: #aaa
}

.b-list li p.play
{
	color: #aaa;
	margin-top: 2px
}

.b-recommend
{
	clear: both
}

.b-recommend .b-rm-list-wrapper
{
	position: relative
}

.b-recommend .b-rm-list
{
	margin: 10px -20px 10px 0;
	overflow: hidden;
	padding: 5px 0 5px 30px;
	position: relative
}

.b-recommend .prev,.b-recommend .next
{
	position: absolute;
	height: 76px;
	width: 20px;
	top: 0;
	background: #ccc;
	cursor: pointer
}

.b-recommend .prev span,.b-recommend .next span
{
	display: block;
	position: absolute;
	height: 40px;
	width: 20px;
	top: 50%;
	margin-top: -20px;
	background: url(/images/v3images/icons2.png) no-repeat
}

.b-recommend .prev:hover,.b-recommend .next:hover
{
	background: #bbb
}

.b-recommend .prev
{
	left: 0
}

.b-recommend .prev span
{
	background-position: 8px -1218px
}

.b-recommend .next
{
	right: 0
}

.b-recommend .next span
{
	background-position: 8px -1270px
}

.b-recommend .b-rm-list .r-item
{
	float: left;
	width: 175px;
	margin-left: 10px
}

.widescreen .b-recommend .b-rm-list .r-item
{
	width: 200px;
	margin-left: 30px
}

.b-recommend .b-rm-list .r-item:first-child
{
	margin: 0
}

.b-recommend .b-rm-list .r-item .img
{
	float: left;
	width: 64px;
	height: 64px;
	margin-right: 10px
}

.b-recommend .b-rm-list .r-item.up .img
{
	border-radius: 40px
}

.b-recommend .b-rm-list .r-item .i-r
{
	float: left
}

.b-recommend .b-rm-list .r-item .t
{
	display: block;
	margin: 10px 0 10px 0;
	text-overflow: ellipsis;
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap
}

.widescreen .b-recommend .b-rm-list .r-item .t
{
	max-width: 150px
}

.b-recommend .b-rm-list .r-item .b-btn
{
	width: 40px
}

.b-recommend .b-rm-list .r-item .b-btn.disabled
{
	color: #99a2aa
}

.b-recommend .b-rm-list.ad
{
	padding: 0;
	margin: 10px -2px 0 -20px
}

.b-recommend .b-rm-list .r-item-ad
{
	height: 90px;
	float: left;
	margin-left: 20px;
	width: 100%;
	margin-bottom: 20px
}

.b-recommend .b-rm-list .r-item-ad.w1
{
	width: 180px
}

.b-recommend .b-rm-list .r-item-ad.w1.hidden
{
	display: none
}

.widescreen .b-recommend .b-rm-list .r-item-ad.w1
{
	display: block
}

.b-recommend .b-rm-list .r-item-ad.w2
{
	width: 380px
}

.b-recommend .b-rm-list .r-item-ad.w3
{
	width: 580px
}

.b-recommend .b-rm-list .r-item-ad.w4
{
	width: 780px
}

.b-recommend .b-rm-list .r-item-ad.w5
{
	width: 980px
}

.b-recommend .b-rm-list .r-item-ad.w6
{
	width: 1180px
}

.b-recommend .b-rm-list .r-item-ad img
{
	width: 100%;
	height: 100%
}

.index-promote
{
	width: 260px;
	height: 150px;
	margin-top: 10px
}

.index-promote .pmt-item,.index-promote img
{
	border-radius: 4px;
	width: 100%;
	height: 100%
}

.index-promote a
{
	display: block;
	width: 100%;
	height: 100%
}

.r-promote-wrapper
{
	overflow: hidden
}

.r-promote
{
	zoom: 1;
	display: none
}

.r-promote:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

#b_recommend .r-promote
{
	padding-top: 43px;
	display: block
}

.r-promote .p-loading
{
	display: none
}

.r-promote .pmt-item
{
	float: left;
	width: 120px;
	margin-left: 20px;
	border-radius: 4px;
	overflow: hidden
}

.r-promote .pmt-item:first-child
{
	margin: 0
}

.r-promote .pmt-item.pmt-mid
{
	width: auto
}

.r-promote .pmt-item.pmt-mid a
{
	width: 260px;
	height: 150px
}

.r-promote .pmt-item a
{
	display: block;
	width: 120px;
	height: 60px
}

.r-promote .pmt-item img
{
	display: block;
	height: 100%;
	width: 100%
}

.r-promote.multi .pmt-item
{
	margin-top: 20px;
	margin-left: 0
}

.r-promote.multi .pmt-item:first-child
{
	margin-top: 0
}

.r-promote.kichiku
{
	display: block
}

.r-promote.kichiku .pmt-item
{
	float: none;
	margin-top: 20px;
	margin-left: 0;
	width: 260px
}

.r-promote.kichiku .pmt-item:first-child
{
	margin-top: 0
}

.r-promote.kichiku .pmt-item a
{
	width: auto;
	height: 170px
}

.r-promote.kichiku .pmt-item img
{
	width: auto;
	margin: 0 auto
}

.custom-scrollbar::-webkit-scrollbar
{
	width: 10px;
	height: 10px
}

.custom-scrollbar::-webkit-scrollbar-button
{
	display: none
}

.custom-scrollbar::-webkit-scrollbar-track
{
	display: none
}

.custom-scrollbar::-webkit-scrollbar-track-piece
{
	background: #ddd
}

.custom-scrollbar::-webkit-scrollbar-thumb
{
	background: #e5e9ef;
	border: 1px solid #ddd;
	border-radius: 4px
}

#list_bangumi_new .bgm-calendar
{
	overflow: hidden
}

.bgm-calendar .b-tab
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 1px solid #e5e9ef;
	height: 36px;
	line-height: 36px;
	margin-left: 116px;
	margin-right: 130px
}

.bgm-calendar .b-tab ul li
{
	float: left;
	width: 48px;
	text-align: center;
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	border: 0;
	position: relative;
	margin-right: 10px
}

.bgm-calendar .b-tab ul li:last-child
{
	margin-right: 0
}

.bgm-calendar .b-tab ul li:before
{
	content: '';
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	bottom: 0;
	width: 0;
	height: 0;
	border: 3px dashed #00a1d6;
	border-bottom-style: solid;
	border-top: 0;
	border-left-color: transparent;
	border-right-color: transparent
}

.bgm-calendar .b-tab ul li .b-icon-bangumi-w
{
	display: none;
	cursor: pointer;
	position: absolute;
	top: -22px;
	left: 10px
}

.bgm-calendar .b-tab ul li .bangumi-img-w
{
	width: 54px;
	height: 54px
}

.bgm-calendar .b-tab ul li .b-icon-arrow-l-d
{
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -9px;
	display: none
}

.bgm-calendar .b-tab ul li span
{
	display: block;
	cursor: pointer
}

.bgm-calendar .b-tab ul li.on
{
	border-bottom: 1px solid #00a1d6;
	height: 36px
}

.bgm-calendar .b-tab ul li.on .b-icon-bangumi-w,.bgm-calendar .b-tab ul li.on .b-icon-arrow-l-d,.bgm-calendar .b-tab ul li.on .bangumi-img-w
{
	display: block
}

.bgm-calendar .b-tab ul li.on span
{
	color: #00a1d6
}

.bgm-calendar .b-tab ul li.on:before
{
	display: block
}

.widescreen .bgm-calendar .b-tab ul li
{
	width: 60px
}

.bgm-calendar.b-l .b-head
{
	height: 36px!important
}

.bgm-calendar.b-l .b-head .b-head-t h2
{
	line-height: 34px;
	*line-height: 36px
}

.bgm-calendar.b-l .b-body
{
	margin-right: 0;
	padding: 26px 0 40px 0
}

.bgm-calendar .c-list-scroll-wrp
{
	height: 396px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative
}

.bgm-calendar .c-list
{
	zoom: 1
}

.bgm-calendar .c-list:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

#list_bangumi_new .bgm-calendar .c-list
{
	height: 315px;
	overflow: hidden;
	padding-top: 20px;
	margin-right: -86px
}

#list_bangumi_new .bgm-calendar .c-list.c-list-expand
{
	height: auto
}

.widescreen #list_bangumi_new .bgm-calendar .c-list
{
	margin-right: -65px
}

.bgm-calendar .c-list .no_more
{
	margin-right: 86px
}

.widescreen .bgm-calendar .c-list .no_more
{
	margin-right: 65px
}

.bgm-calendar .c-list li
{
	float: left;
	text-align: center;
	width: 33.33%;
	*width: 32%
}

#b_bangumi .bgm-calendar .c-list li
{
	padding-top: 36px
}

#b_bangumi .bgm-calendar .c-list li:first-child
{
	padding-top: 0
}

#b_bangumi .bgm-calendar .c-list li:first-child+li,#b_bangumi .bgm-calendar .c-list li:first-child+li+li
{
	padding-top: 0
}

.widescreen #b_bangumi .bgm-calendar .c-list li:first-child+li+li+li
{
	padding-top: 0
}

#b_guochuang .bgm-calendar .c-list li
{
	padding-top: 36px
}

#b_guochuang .bgm-calendar .c-list li:first-child
{
	padding-top: 0
}

#b_guochuang .bgm-calendar .c-list li:first-child+li,#b_guochuang .bgm-calendar .c-list li:first-child+li+li
{
	padding-top: 0
}

.widescreen #b_guochuang .bgm-calendar .c-list li:first-child+li+li+li
{
	padding-top: 0
}

.widescreen .bgm-calendar .c-list li
{
	width: 25%;
	*width: 24.99%
}

#list_bangumi_new .bgm-calendar .c-list li
{
	width: auto;
	padding-bottom: 36px;
	padding-right: 86px
}

.widescreen #list_bangumi_new .bgm-calendar .c-list li
{
	padding-right: 65px
}

.bgm-calendar .c-list li.no-data
{
	height: 288px!important
}

.bgm-calendar .c-list li .c-item
{
	width: 180px;
	zoom: 1
}

.bgm-calendar .c-list li .c-item:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.bgm-calendar .c-list li .c-item p
{
	text-align: left
}

.bgm-calendar .c-list li .c-item p.t
{
	height: 36px;
	line-height: 18px;
	overflow: hidden;
	text-align: left;
	width: 100%;
	margin-top: -3px;
	word-break: break-all;
	word-wrap: break-word
}

.bgm-calendar .c-list li .c-item p.num
{
	position: absolute;
	bottom: 0;
	text-align: left;
	margin-top: 2px;
	color: #aaa;
	left: 0;
	white-space: nowrap;
	line-height: 18px
}

.bgm-calendar .c-list li .c-item p.num span
{
	background: #b8c0cc;
	border-radius: 9px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	text-align: center;
	padding: 0 4px;
	height: 18px;
	line-height: 18px;
	min-width: 28px;
	max-width: 80px;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #fff;
	margin-left: 5px
}

.bgm-calendar .c-list li .c-item a
{
	color: inherit;
	text-align: left
}

.bgm-calendar .c-list li .c-item a:hover
{
	color: #00a1d6
}

.bgm-calendar .c-list li .c-item a span.empty-area-fill
{
	display: inline-block;
	width: 100%;
	height: 20px
}

.bgm-calendar .c-list li .c-item .preview
{
	width: 72px;
	height: 72px;
	margin-right: 12px;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	-webkit-mask-image: -webkit-radial-gradient(circle,white,black)
}

.bgm-calendar .c-list li .c-item .r-i
{
	float: left;
	width: 96px;
	height: 72px;
	position: relative
}

.bgm-calendar .c-list li .c-item img
{
	width: 72px;
	height: 72px;
	border-radius: 4px
}

.bgm-calendar .c-list li.new .c-item p.num span
{
	background: #ff8eb3
}

.bgm-calendar .c-list li a.dy
{
	color: #fff;
	background: #00a1d6;
	display: block;
	position: absolute;
	bottom: 0;
	right: 5px;
	padding: 3px 8px;
	border-radius: 4px
}

.bgm-calendar .c-list li a.dy:hover
{
	background: #38afe1;
	color: #fff
}

.bgm-calendar .c-list li a.dy.done
{
	background: #ccc
}

.bgm-calendar .c-bottom
{
	display: none;
	padding: 15px 0 0 0;
	margin-top: 5px;
	height: 25px
}

.bgm-calendar .c-bottom .page-btn
{
	float: right;
	margin-right: 10px
}

.bgm-calendar .c-bottom .page-btn span
{
	color: #666;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-right: 10px
}

.bgm-calendar .c-bottom .page-btn a
{
	display: inline-block;
	vertical-align: middle;
	height: 23px;
	padding: 0 15px;
	line-height: 23px;
	border: 1px solid #ddd;
	font-size: 18px
}

.bgm-calendar .c-bottom .page-btn a.prev
{
	border-right: 0;
	border-radius: 3px 0 0 3px
}

.bgm-calendar .c-bottom .page-btn a.next
{
	border-radius: 0 3px 3px 0
}

.bgm-calendar a.c-clink
{
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #f25d8e;
	width: 104px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #f25d8e;
	font-size: 14px;
	border-radius: 4px;
	transition: .1s
}

.bgm-calendar a.c-clink:hover
{
	color: #fff;
	background-color: #f25d8e
}

.bgm-calendar a.c-clink:hover .b-icon-arrow-red-r
{
	background-position: -541px -218px
}

.bgm-calendar.b-l .no-data
{
	background: url(/images/v3images/bgm-nodata.png) center 0 no-repeat
}

.bgm-calendar.b-l .no-data:before
{
	display: none
}

.container-row .rm-list
{
	padding-top: 20px;
	height: 150px;
	overflow: hidden
}

.container-row .rm-list .v .t
{
	height: 40px
}

.container-row .bg-link
{
	background: url(/drawyoo/wallpaper/images/wallpapericon.png) 0 1px no-repeat;
	float: right;
	height: 20px;
	line-height: 20px;
	padding-left: 23px;
	color: #aaa
}

.container-row .bg-link:hover
{
	background-position: 0 -35px;
	color: #00a1d6
}

.container-row .rm-list.recommend
{
	height: 175px
}

.container-row .rm-list.hotspot
{
	height: 166px;
	padding-top: 20px;
	margin: 0
}

.container-row .rm-list li
{
	float: left;
	width: 160px;
	margin-bottom: 20px;
	margin-right: 20px
}

.container-row .rm-list li .watch-later
{
	width: 22px;
	height: 22px;
	background-image: url(/images/base/watchlater-1.png);
	transition: opacity .2s;
	opacity: 0;
	position: absolute;
	top: 74px;
	right: 6px
}

.container-row .rm-list li .watch-later.on
{
	background-image: url(/images/base/watchlater-2.png)
}

.container-row .rm-list li:hover .watch-later
{
	opacity: 1
}

.container-row .rm-list li .rm-item
{
	position: relative
}

.container-row .rm-list li .rm-item img
{
	width: 100%
}

.container-row .rm-list li .rm-item span
{
	color: #aaa;
	vertical-align: middle
}

.container-row .rm-list li .rm-item a
{
	color: #222
}

.container-row .rm-list li .rm-item a.preview
{
	display: block;
	width: 160px;
	margin: 0 auto;
	border-radius: 4px;
	overflow: hidden
}

.container-row .rm-list li .rm-item a:hover
{
	color: #00a1d6
}

.container-row .rm-list li .rm-item a.face
{
	width: 45px;
	height: 45px;
	border-radius: 32px;
	border: 2px solid #fff;
	overflow: hidden;
	display: block;
	position: absolute;
	left: 5px;
	top: -25px;
	z-index: 20
}

.container-row .rm-list li .rm-item a.face img
{
	height: 100%
}

.container-row .rm-list li .rm-item a.preview img
{
	max-width: 160px;
	height: 100px;
	display: block;
	margin: 0 auto
}

.container-row .rm-list li .rm-item .rm-item-info
{
	position: relative;
	white-space: nowrap
}

.container-row .rm-list li .rm-item .rm-item-info a.name
{
	width: 58px
}

.container-row .rm-list li .rm-item a.name
{
	margin: 0 6px 0 60px;
	width: 70px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	height: 18px;
	line-height: 18px
}

.container-row .rm-list li .rm-item .t
{
	display: block;
	word-break: break-all;
	word-wrap: break-word;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	width: 160px;
	margin: 5px auto 0
}

#u_live_state
{
	line-height: 14px;
	margin-bottom: 6px
}

#u_live_state i
{
	margin-right: 5px;
	vertical-align: top
}

#u_live_state a
{
	color: #f489ad
}

.b-head #live_online_state.b-head-s em
{
	color: #00a1d6
}

#b_live .b-slt-tab
{
	padding-left: 0
}

#b_live .b-slt-tab li
{
	margin-left: 15px
}

#b_live .b-slt-tab li:first-child
{
	margin: 0
}

.v-live-recommend
{
	padding-top: 30px;
	padding-left: 10px
}

.v-live-recommend .b-head .b-head-t
{
	font-size: 16px;
	line-height: 1;
	vertical-align: top
}

.v-list-live
{
	padding-top: 20px;
	height: 316px;
	overflow: hidden
}

.v-live-recommend .v-list-live
{
	height: auto
}

.v-live-recommend .v-list-live li
{
	float: none;
	margin: 20px 0 0 0
}

.v-live-recommend .v-list-live li:first-child
{
	margin: 0
}

.v-live-recommend .v-list-live li .lv-item
{
	width: auto;
	border: 1px solid #e5e9ef;
	border-radius: 4px;
	overflow: hidden
}

.v-live-recommend .v-list-live li .lv-preview
{
	width: 258px;
	height: 160px
}

.v-live-recommend .v-list-live li .lv-preview img
{
	border-radius: 0
}

.v-live-recommend .v-list-live li .lv-face
{
	top: 12px;
	left: 12px;
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: 50%
}

.v-live-recommend .v-list-live li .lv-room
{
	padding-top: 12px;
	height: auto
}

.v-live-recommend .v-list-live li .lv-t
{
	font-size: 14px;
	width: auto;
	margin-top: 4px;
	margin-right: 12px;
	padding-left: 72px
}

.v-live-recommend .v-list-live li .lv-info
{
	margin-bottom: 12px;
	padding-top: 10px;
	padding-left: 72px;
	line-height: 1.2
}

.v-live-recommend .v-list-live li .lv-info .lv-host
{
	width: 90px
}

.v-live-recommend .v-list-live li .lv-info .lv-online
{
	width: 64px;
	margin-left: 18px
}

.v-list-live li
{
	float: left;
	margin: 0 20px 20px 0;
	height: 148px;
	overflow: hidden
}

.v-list-live li:hover .lv-preview .b-icon-live-play
{
	visibility: visible;
	opacity: 1
}

.v-list-live li:hover .lv-preview .lv-mask
{
	visibility: visible;
	opacity: 1
}

.v-list-live li:hover .lv-preview:hover .b-tag
{
	opacity: 0
}

.v-list-live li .lv-item
{
	width: 160px
}

.v-list-live li .lv-preview
{
	width: 160px;
	height: 100px;
	display: block;
	position: relative
}

.v-list-live li .lv-preview img
{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border-radius: 4px
}

.v-list-live li .lv-preview .lv-mask
{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	top: 0;
	left: 0;
	background: #000;
	background: rgba(0,0,0,0.5);
	*filter: alpha(opacity=40);
	filter: alpha(opacity=40) \9;
	z-index: 1;
	transition: .2s all linear;
	border-radius: 4px
}

:root .v-list-live li .lv-preview .lv-mask
{
	filter: alpha(opacity=100)
}

.v-list-live li .lv-preview .lv-face
{
	position: absolute;
	width: 48px;
	height: 48px;
	top: 26px;
	left: 24px;
	border-radius: 60px;
	overflow: hidden
}

.v-list-live li .lv-preview .lv-face img
{
	width: 100%;
	height: 100%
}

.v-list-live li .lv-preview .lv-onair-txt
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: absolute;
	left: 88px;
	top: 40%;
	height: 20px;
	line-height: 20px;
	width: 48px;
	border-radius: 20px;
	background-color: #00a1d6;
	color: #fff
}

.v-list-live li .lv-preview .lv-onair-icon
{
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background-color: #fff;
	margin: 8px 3px 0 7px;
	vertical-align: top
}

.v-list-live li .lv-preview .b-tag
{
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
	border-radius: 4px 0 0;
	color: #fff;
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
	transition: .2s all linear;
	-webkit-transition: .2s all linear
}

.v-list-live li .lv-room
{
	position: relative;
	padding-top: 8px;
	min-height: 16px;
	z-index: 3
}

.v-list-live li .lv-t
{
	height: 16px;
	min-width: 105px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #222;
	line-height: 16px;
	transition: all .2s linear
}

.v-list-live li .lv-info
{
	padding-top: 8px
}

.v-list-live li .lv-info .b-icon
{
	vertical-align: top;
	margin-top: 3px;
	margin-right: 5px
}

.v-list-live li .lv-info .lv-host,.v-list-live li .lv-info .lv-online
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	color: #99a2aa;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 16px
}

.v-list-live li .lv-info .lv-host
{
	width: 80px
}

.v-list-live li .lv-info .lv-online
{
	width: 75px;
	margin-left: 5px
}

.v-list-live li:hover .lv-t
{
	height: 50px;
	white-space: initial;
	color: #00a1d6
}

.v_small .v-list-live li
{
	height: initial;
	overflow: initial
}

.v_small .v-list-live li .b-icon-live-play
{
	visibility: hidden;
	opacity: 0;
	transition: .3s;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	top: 50%;
	margin-top: -12px;
	z-index: 2;
	width: 70px;
	height: 24px;
	text-align: center
}

.v_small .v-list-live li .lv-mask
{
	background: rgba(0,0,0,0.4)
}

.v_small .v-list-live li .lv-onair-dot
{
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background-color: #f25d8e;
	margin-right: 5px;
	vertical-align: middle
}

.v_small .v-list-live li .lv-onair-txt
{
	position: static;
	left: initial;
	top: initial;
	height: initial;
	width: initial;
	background-image: initial;
	background-color: transparent;
	display: inline-block;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	vertical-align: middle;
	color: #fff
}

.v_small .v-list-live li .lv-face
{
	position: absolute;
	border-radius: 100%;
	overflow: hidden
}

.v_small .v-list-live li .lv-face img
{
	width: 100%;
	height: 100%
}

.v_small li:hover .lv-t
{
	height: initial;
	white-space: nowrap;
	color: #222
}

#index_container #b_live.container-row .b-r
{
	min-height: 360px;
	height: 360px;
	overflow: hidden
}

#index_container #b_live.container-row.area-live-collapsed .v-list-live
{
	height: 148px
}

#index_container #b_live.container-row.area-live-collapsed .b-r
{
	overflow: hidden;
	min-height: 192px;
	height: 192px
}

#index_container #b_live.container-row.area-live-collapsed .r-list-live li.live-pmt-item img
{
	height: 100px
}

#index_container #b_live.container-row .b-slt-tab li
{
	transition: none
}

#index_container #b_live.container-row .b-slt-tab li.b-live-initializing
{
	background-color: transparent;
	color: #222
}

#index_container #b_bangumi.container-row
{
	margin-top: 20px
}

#index_container #b_bangumi.container-row .b-r.bgm-calendar
{
	margin-bottom: 30px
}

.container-row .r-list-live
{
	width: 50%;
	padding-top: 20px;
	float: left
}

.container-row .r-list-live li
{
	margin: 0 0 14px 0
}

.container-row .r-list-live li .r-item
{
	overflow: hidden;
	position: relative
}

.container-row .r-list-live li .r-item.r-ranking
{
	padding-left: 25px
}

.container-row .r-list-live li .r-item.r-ranking .r-i
{
	width: 180px
}

.container-row .r-list-live li .r-item.r-ranking .r-i .r-i-t .u-name
{
	max-width: 115px
}

.container-row .r-list-live li .r-item .lv-num
{
	position: absolute;
	color: #fff;
	height: 18px;
	line-height: 17px;
	top: 0;
	left: 0;
	font-size: 12px;
	min-width: 12px;
	text-align: center;
	background-color: #b8c0cc;
	z-index: 20;
	border-radius: 4px;
	padding: 0 3px 0 3px;
	font-weight: bolder
}

.container-row .r-list-live li .r-item .lv-num.n1,.container-row .r-list-live li .r-item .lv-num.n2,.container-row .r-list-live li .r-item .lv-num.n3
{
	background-color: #f25d8e
}

.container-row .r-list-live li .r-item a
{
	color: inherit
}

.container-row .r-list-live li .r-item a:hover
{
	color: #00a1d6
}

.container-row .r-list-live li .r-item .preview
{
	display: block;
	float: left;
	position: relative;
	margin-right: 12px
}

.container-row .r-list-live li .r-item .r-i
{
	float: left;
	width: 205px
}

.container-row .r-list-live li .r-item img
{
	width: 40px;
	height: 40px;
	border-radius: 20px
}

.container-row .r-list-live li .r-item .r-i-t
{
	line-height: 16px;
	overflow: hidden
}

.container-row .r-list-live li .r-item .r-i-t .u-name,.container-row .r-list-live li .r-item .r-i-t .u-online
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.container-row .r-list-live li .r-item .r-i-t .u-name
{
	max-width: 140px;
	float: left
}

.container-row .r-list-live li .r-item .r-i-t .u-online
{
	max-width: 60px;
	float: right;
	color: #99a2aa;
	line-height: 16px
}

.container-row .r-list-live li .r-item .r-i-t .u-online .b-icon
{
	vertical-align: top;
	margin-right: 5px;
	margin-top: 2px
}

.container-row .r-list-live li .r-item .r-i-st
{
	margin-top: 4px;
	color: #99a2aa;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 190px
}

.container-row .r-list-live li p.play
{
	color: #aaa;
	margin-top: 2px
}

.container-row .r-list-live li .p-loading
{
	width: 250px
}

.container-row .r-list-live li.live-pmt-item a
{
	display: block
}

.container-row .r-list-live li.live-pmt-item img
{
	border-radius: 4px;
	width: 260px;
	height: 248px
}

.container-row .r-list-live li.live-pmt-item .t
{
	margin-top: 5px;
	overflow: hidden;
	color: #222;
	font-size: 12px;
	line-height: 20px;
	height: 40px
}

.container-row .r-list-live li.live-pmt-item:hover .t
{
	color: #00a1d6
}

.container-row .r-list-live .mini-preview-wrapper li[preview=preview]
{
	margin-bottom: 0
}

.container-row .r-list-live .live-pmt-list
{
	padding-top: 10px;
	height: 102px;
	overflow: hidden
}

.container-row .r-list-live .live-pmt-list li
{
	float: left;
	margin: 0 0 10px 12px
}

.container-row .r-list-live .live-pmt-list li .pmt-item .preview
{
	display: block;
	width: 56px;
	height: 56px;
	position: relative;
	border-radius: 4px;
	overflow: hidden
}

.container-row .r-list-live .live-pmt-list li .pmt-item .preview img
{
	width: 100%;
	height: 100%
}

.container-row .r-list-live .live-pmt-list li .pmt-item .preview .title
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	text-align: center;
	height: 18px;
	line-height: 18px;
	color: #fff;
	background: url(/images/base/layer.png) repeat;
	background: rgba(0,0,0,0.5)
}

.container-row .r-list-live .live-pmt-list li .pmt-item .preview:hover .title
{
	height: 100%;
	line-height: 22px;
	padding: 8px 5px;
	box-sizing: border-box;
	word-break: break-all
}

.container-row .r-list-live .live-pmt-list li:first-child
{
	margin-left: 0
}

.container-row .hs-list
{
	padding-top: 16px;
	overflow: hidden;
	margin-right: -10px
}

.container-row .hs-list li
{
	float: left;
	width: 120px;
	margin-right: 10px;
	margin-bottom: 12px;
	padding: 4px 0
}

.container-row .hs-list li .hs-item
{
	display: block;
	position: relative;
	padding-left: 25px
}

.container-row .hs-list li .hs-item .hs-t
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 18px;
	line-height: 18px;
	color: #222
}

.container-row .hs-list li .hs-item .hs-t:hover
{
	color: #00a1d6
}

.container-row .hs-list li i.number
{
	position: absolute;
	color: #fff;
	height: 18px;
	line-height: 18px;
	top: 0;
	left: 0;
	font-size: 12px;
	font-family: Arial;
	min-width: 12px;
	text-align: center;
	background-color: #b8c0cc;
	z-index: 20;
	border-radius: 4px;
	padding: 0 3px 0 3px;
	font-weight: bolder
}

.container-row .hs-list li i.number.n1,.container-row .hs-list li i.number.n2
{
	background-color: #f25d8e
}

.container-row.area-17 .v-list.sub,.container-row.area-171 .v-list.sub,.container-row.area-172 .v-list.sub,.container-row.area-65 .v-list.sub
{
	height: 324px
}

.container-row.area-17 .rlist,.container-row.area-171 .rlist,.container-row.area-172 .rlist,.container-row.area-65 .rlist
{
	min-height: 278px
}

.container-row.area-173 .v-list.sub,.container-row.area-121 .v-list.sub,.container-row.area-136 .v-list.sub,.container-row.area-19 .v-list.sub
{
	height: 160px
}

.container-row.area-173 .rlist,.container-row.area-121 .rlist,.container-row.area-136 .rlist,.container-row.area-19 .rlist
{
	min-height: 126px
}

.b-list-slider-wrp
{
	overflow: hidden;
	position: relative
}

.container-row .b-l .b-body .b-list-slider-wrp
{
	margin-right: 20px
}

.b-list-slider-wrp .b-list-slider-handle
{
	display: none;
	position: absolute;
	background-color: #333;
	background-color: rgba(0,0,0,0.6);
	width: 40px;
	top: 50%;
	margin-top: -27px;
	height: 54px;
	cursor: pointer;
	font-size: 12px;
	color: #fff;
	z-index: 99;
	text-align: center
}

.container-row.c-r-multi .b-list-slider-wrp .b-list-slider-handle
{
	top: 58px;
	margin-top: 0
}

.b-list-slider-wrp .b-list-slider-handle .b-list-slider-icon
{
	width: 6px;
	height: 22px;
	background-image: url(/images/v3images/icons2.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	top: 50%;
	margin-top: -11px
}

.b-list-slider-wrp .b-list-slider-handle:hover
{
	background-color: #444;
	background-color: rgba(0,0,0,0.7);
	transition: .2s all linear
}

.b-list-slider-wrp .b-list-slider-handle.handle-prev
{
	left: 0;
	border-radius: 0 2px 2px 0
}

.container-row.c-r-multi .b-list-slider-wrp .b-list-slider-handle.handle-prev
{
	border-left: 1px solid #e5e9ef
}

.b-list-slider-wrp .b-list-slider-handle.handle-prev .b-list-slider-icon
{
	background-position: 0 -1228px
}

.b-list-slider-wrp .b-list-slider-handle.handle-next
{
	right: 0;
	border-radius: 2px 0 0 2px
}

.container-row.c-r-multi .b-list-slider-wrp .b-list-slider-handle.handle-next
{
	border-right: 1px solid #e5e9ef
}

.b-list-slider-wrp .b-list-slider-handle.handle-next .b-list-slider-icon
{
	background-position: 1px -1280px
}

.login-wnd
{
	position: absolute;
	left: 50%;
	margin-left: -195px;
	z-index: 9999;
	top: 50%;
	margin-top: -210px
}

.login-wnd .wnd-close
{
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ddd;
	background: #e5e9ef url(/images/v3images/icons2.png) 9px -219px no-repeat;
	cursor: pointer
}

.login-wnd .wnd-close:hover
{
	background-color: #e9e9e9
}

.login-wnd .login-wnd-content
{
	width: 390px;
	height: 420px;
	border: 1px solid #ddd;
	background: #fff
}

.login-wnd iframe
{
	width: 100%;
	height: 100%;
	background: #fff
}

.login-container
{
	padding: 40px 25px;
	background: #fff
}

.login-container .b-head .right
{
	float: right;
	height: 26px;
	line-height: 26px;
	font-size: 14px
}

.login-container #login_submit
{
	height: 40px;
	line-height: 40px;
	font-size: 16px
}

.login-container .forget-password
{
	font-size: 14px;
	text-align: right
}

.login-container p.login-item
{
	padding-bottom: 10px;
	margin-top: 10px
}

.login-container p.login-item.password
{
	padding: 0
}

.login-container p.login-item.checkcode
{
	margin: 0
}

.login-container p.remember-me input,.login-container p.remember-me label,.login-container p.remember-me span
{
	vertical-align: middle
}

.login-container p.remember-me input[type="checkbox"]
{
	margin: 0 5px 0 0
}

.login-container p.tip_p
{
	display: inline
}

.login-container span.notice
{
	color: #aaa
}

.login-container .error-msg
{
	border: 1px solid #f25d8e;
	color: #f25d8e;
	padding: 3px 5px;
	margin-bottom: -1px;
	position: relative
}

#_yzm
{
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 34px;
	height: 34px
}

#password,#user,#checkcode
{
	background-color: #fff;
	box-shadow: inset 0 1px 2px #ddd;
	border: 1px solid #ddd;
	border-radius: 4px 4px 4px 4px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0;
	padding: 8px
}

#checkcode:hover,#password:hover,#user:hover
{
	box-shadow: inset 0 1px 2px #ddd
}

#checkcode:focus,#password:focus,#user:focus
{
	box-shadow: inset 0 1px 2px #ddd
}

#password,#user
{
	font-size: 14px;
	width: 322px;
	padding-top: 13px;
	padding-bottom: 13px
}

#user
{
	background: #fff url(/images/login/login_user.png) no-repeat 310px 13px
}

#password
{
	background: #fff url(/images/login/login_password.png) no-repeat 310px 13px
}

#checkcode
{
	background: #fff!important;
	font-size: 14px;
	color: #404040;
	width: 130px;
	border: 1px solid #ddd;
	border-radius: 4px 4px 4px 4px;
	display: inline-block;
	margin: 0;
	padding: 8px
}

#qqpart,#weibopart
{
	float: left;
	position: relative;
	width: 45%
}

#weibopart a,#qqpart a
{
	background: url(/images/v3images/icons1.png) no-repeat;
	display: block;
	padding: 5px 0 5px 32px;
	font-size: 14px;
	color: #222
}

#weibopart a:hover,#qqpart a:hover
{
	color: #00a1d6
}

#weibopart a
{
	background-position: 0 -1212px
}

#qqpart a
{
	background-position: 0 -1267px
}

.player-placeholder
{
	margin: 5px auto 25px;
	position: relative;
	height: 500px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff url(/images/v2images/bilipic.png) center 320px no-repeat;
	text-align: center
}

.widescreen .player-placeholder
{
	width: 1160px;
	height: 600px;
	background-position: center 380px
}

.player-placeholder .player-placeholder-head
{
	position: absolute;
	top: -20px;
	left: 50%;
	height: 40px;
	line-height: 40px;
	margin-left: -110px;
	width: 220px;
	font-size: 30px;
	font-weight: bolder;
	background: #fff;
	z-index: 1;
	text-align: center
}

.player-placeholder .btn-wrapper
{
	position: absolute;
	top: 100px;
	width: 100%;
	margin-top: -36px;
	border-top: 1px solid #ddd;
	padding-top: 50px
}

.widescreen .player-placeholder .btn-wrapper
{
	padding-top: 90px
}

.player-placeholder .src-btn
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 25%;
	text-align: center;
	color: #fff
}

.player-placeholder .src-btn a
{
	font-size: 24px;
	width: 80%;
	margin: 10px auto;
	color: #222;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #e5e9ef;
	display: block;
	cursor: pointer;
	height: 170px;
	line-height: 170px;
	font-weight: bolder;
	overflow: hidden
}

.player-placeholder .src-btn a:hover
{
	border-color: #008bbc;
	background: #38afe1;
	color: #fff
}

.notice-box
{
	position: absolute;
	z-index: 9999;
	border: 1px solid #00a1d6;
	background: #fff
}

.notice-box .txt
{
	padding: 10px
}

.notice-box .box-arrow
{
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border: 6px dashed #00a1d6
}

.notice-box.top .box-arrow
{
	bottom: -6px;
	left: 50%;
	margin-left: -5px;
	border-top-style: solid;
	border-bottom: 0;
	border-left-color: transparent;
	border-right-color: transparent
}

.notice-box.bottom .box-arrow
{
	top: -6px;
	left: 50%;
	margin-left: -5px;
	border-bottom-style: solid;
	border-top: 0;
	border-left-color: transparent;
	border-right-color: transparent
}

.notice-box.left .box-arrow
{
	right: -6px;
	top: 50%;
	margin-top: -5px;
	border-left-style: solid;
	border-right: 0;
	border-top-color: transparent;
	border-bottom-color: transparent
}

.notice-box.right .box-arrow
{
	left: -6px;
	top: 50%;
	margin-top: -5px;
	border-right-style: solid;
	border-left: none;
	border-top-color: transparent;
	border-bottom-color: transparent
}

.h_bili_pmt,.bili_live_pmt
{
	display: none;
	background-repeat: no-repeat;
	width: 205px;
	height: 96px;
	position: absolute;
	left: 315px;
	top: 30px;
	animation: updown 1.2s linear infinite alternate;
	-webkit-animation: updown 1.2s linear infinite alternate
}

.h_bili_pmt a,.bili_live_pmt a
{
	width: 100%;
	height: 100%;
	display: block
}

.bili_live_pmt
{
	background-image: url(//i0.hdslb.com/bfs/static/060eb3be0a4f34a2c6963f1c6a367a9e0dfc4618.png);
	width: 256px;
	height: 96px
}

@keyframes updown
{
	0%
	{
		top: 30px
	}

	100%
	{
		top: 40px
	}
}

@-webkit-keyframes updown
{
	0%
	{
		top: 30px
	}

	100%
	{
		top: 40px
	}
}

.b-loading
{
	text-align: center;
	height: 20px;
	color: #99a2aa
}

.b-loading span
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	height: 20px;
	line-height: 20px
}

.b-loading a
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: auto
}

.b-loading:before
{
	content: '';
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(/images/base/loading.gif) no-repeat center center;
	margin-right: 5px
}

.b-loading:after
{
	content: 'loading...';
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	height: 20px;
	line-height: 25px;
	color: #99a2aa
}

.b-loading.b-load-fail:before
{
	background: url(/images/base/state.png) center -472px no-repeat
}

.b-loading.b-load-fail:after
{
	display: none
}

.goto-mobile
{
	position: fixed;
	bottom: 0;
	left: 0;
	height: 60px;
	width: 100%;
	background-color: #27b6fa;
	z-index: 10100;
	cursor: pointer
}

.goto-mobile .bg
{
	background: url(/mobile/img/tomobile.png) center bottom no-repeat;
	position: absolute;
	left: 30%;
	bottom: 0;
	width: 357px;
	height: 111px;
	background-size: contain
}

.recommend-area
{
	padding-top: 21px
}

.recommend-area .b-head
{
	padding-bottom: 21px
}

.recommend-area .b-head .b-head-t
{
	font-size: 18px;
	line-height: 36px
}

.recommend-area .v .t
{
	height: 40px
}

.recommend-area .rm-list-wrp
{
	overflow: hidden;
	position: relative
}

.recommend-area .rm-list-wrp .page
{
	display: none;
	position: absolute;
	background-color: #333;
	background-color: rgba(0,0,0,0.6);
	width: 30px;
	top: 20px;
	height: 60px;
	line-height: 62px;
	cursor: pointer;
	font-size: 12px;
	color: #fff;
	z-index: 99;
	text-align: center
}

.recommend-area .rm-list-wrp .page .icon
{
	width: 10px;
	height: 14px;
	background-image: url(/images/v3images/rm_zy.png);
	background-repeat: no-repeat;
	display: inline-block
}

.recommend-area .rm-list-wrp .prev
{
	left: 1px;
	border-radius: 0 2px 2px 0
}

.recommend-area .rm-list-wrp .prev .icon
{
	background-position: 0 -20px
}

.recommend-area .rm-list-wrp .next
{
	right: 3px;
	border-radius: 2px 0 0 2px
}

.widescreen .recommend-area .rm-list-wrp .next
{
	right: 7px
}

.recommend-area .rm-list-wrp .next .icon
{
	background-position: 0 0
}

.recommend-area .rm-list-wrp .prev:hover,.recommend-area .rm-list-wrp .next:hover
{
	background-color: #444;
	background-color: rgba(0,0,0,0.7);
	transition: .2s all linear
}

.recommend-area .rm-list
{
	margin-right: -20px;
	height: 150px;
	zoom: 1
}

.recommend-area .rm-list:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.recommend-area .rm-list .v
{
	height: 150px
}

.recommend-area .rm-list li
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 16px;
	vertical-align: top
}

.recommend-area .rm-list li.season-info .t
{
	height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.recommend-area .rm-list li .rm-v-status
{
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	background: #444;
	background: rgba(0,0,0,0.7);
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	border-radius: 4px 0 0 0
}

.recommend-area .rm-list li .rm-v-info
{
	color: #99a2aa;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: -3px
}

.recommend-area .rm-list li .rm-v-info em
{
	margin-left: 8px
}

.recommend-area .rm-list li .rm-v-info span
{
	background-color: #e5e9ef;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 36px;
	height: 18px;
	line-height: 17px;
	text-align: center;
	vertical-align: top;
	border-radius: 4px
}

.recommend-area .rm-list li .rm-pay
{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #fff;
	line-height: 24px;
	height: 24px;
	border-radius: 0 4px 0 12px;
	background-color: #ffa200;
	padding: 0 10px
}

.recommend-area .rm-list .b-loading
{
	display: block;
	height: 120px;
	line-height: 120px
}

.activity-wrp .inside-wrp
{
	margin-top: 30px;
	font-size: 14px;
	overflow: hidden;
	border: 1px solid #e5e9ef;
	border-radius: 4px;
	box-sizing: border-box
}

.activity-wrp .inside-wrp .left
{
	margin-right: -320px;
	padding-left: 20px;
	padding-right: 320px;
	width: 100%;
	box-sizing: border-box
}

.activity-wrp .inside-wrp .right .inside-bg
{
	position: relative;
	display: block;
	width: 320px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.activity-wrp .inside-wrp .right .inside-bg:before
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(left,#fff,transparent 30%);
	background-image: -moz-linear-gradient(left,#fff,transparent 30%);
	background-image: linear-gradient(to right,#fff,transparent 30%)
}

.activity-wrp .inside-wrp .l-inside,.activity-wrp .inside-wrp .hinter-msg
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.activity-wrp.act-now .l-inside
{
	padding-top: 20px
}

.activity-wrp.act-now .l-inside .b-btn-praise
{
	margin-top: 14px;
	width: 100px;
	height: 32px;
	line-height: 32px;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	background-color: #f25d8e
}

.activity-wrp.act-now .l-inside .b-btn-praise[data-status="false"]
{
	cursor: pointer
}

.activity-wrp.act-now .l-inside .b-btn-praise[data-status="true"]
{
	color: #e5e9ef;
	border: 1px solid;
	background-color: transparent;
	cursor: default
}

.activity-wrp.act-now .l-inside .score-wrapper
{
	display: inline-block;
	margin-top: 16px
}

.activity-wrp.act-now .l-inside .score-wrapper li
{
	float: left;
	margin-right: 10px;
	width: 36px;
	height: 32px;
	background: url("'../images/icons.png'") no-repeat -655px -2126px;
	cursor: pointer
}

.activity-wrp.act-now .l-inside .score-wrapper li[data-status="true"]
{
	background-position: -719px -2126px
}

.activity-wrp.act-now .l-inside .score-wrapper li[data-extra="opacity"]
{
	opacity: .6;
	transition: opacity .1s
}

.activity-wrp.act-now .l-inside .score-wrapper li[data-extra="default"]
{
	cursor: default
}

.activity-wrp.act-now .inside-bg
{
	height: 100px
}

.activity-wrp.act-end .l-inside
{
	height: 70px;
	line-height: 70px
}

.activity-wrp.act-end .inside-bg
{
	height: 70px
}

.activity-wrp .b-btn
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-color: #f25d8e;
	border: 0;
	line-height: 25px;
	padding: 0 15px;
	font-size: 12px;
	margin-top: -1px
}

.activity-wrp .b-btn:hover
{
	background-color: #ff85ad
}

.activity-wrp .b-btn.off
{
	cursor: default;
	color: #6d757a;
	background-color: #b8c0cc
}

.activity-wrp .b-btn.off:hover
{
	color: #6d757a;
	background-color: #b8c0cc
}

.custom-scrollbar-blue::-webkit-scrollbar
{
	width: 4px
}

.custom-scrollbar-blue::-webkit-scrollbar-button
{
	display: none
}

.custom-scrollbar-blue::-webkit-scrollbar-track
{
	display: none
}

.custom-scrollbar-blue::-webkit-scrollbar-track-piece
{
	background-color: #c6d8f2;
	border: 0;
	border-radius: 4px
}

.custom-scrollbar-blue::-webkit-scrollbar-thumb
{
	background-color: #00a1d6;
	border: 0;
	border-radius: 4px
}

#fav_wnd .mCSB_scrollTools
{
	width: 8px!important;
	right: 1px!important
}

#fav_wnd .mCSB_scrollTools .mCSB_draggerRail
{
	background-color: #e0e6ed!important;
	width: 5px!important
}

#fav_wnd .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	background-color: #99a2aa!important;
	width: 5px!important
}

#fav_wnd .mCSB_inside .mCSB_container
{
	margin-right: 0!important
}

.fav-wnd
{
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	color: #6d757a;
	width: 420px;
	background-color: #fff;
	border-radius: 4px;
	z-index: 10100;
	font-size: 12px;
	border: 1px solid #e5e9ef;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px
}

.fav-wnd .b-icon.b-icon-a.b-icon-stow
{
	float: none;
	cursor: default
}

.fav-wnd .b-icon.b-icon-a.b-icon-close
{
	position: absolute;
	right: 0;
	top: 16px
}

.fav-wnd .fav-tip
{
	text-align: center;
	padding: 5px 0 15px 0;
	display: none
}

.fav-wnd .fav-btm
{
	text-align: center;
	padding: 10px 0 0
}

.fav-wnd .fav-btm .fav-cancel
{
	margin-left: 10px
}

.fav-wnd .fav-hd
{
	position: relative;
	margin: 0 20px;
	height: 54px;
	line-height: 54px;
	font-size: 18px;
	color: #333;
	text-align: center
}

.fav-wnd span.txt
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

.fav-wnd .fav-bd
{
	padding-bottom: 18px;
	border-top: 1px solid #e5e9ef;
	position: relative
}

.fav-wnd .fav-bd .fav-new-placeholder
{
	border: 1px solid #ccc;
	cursor: pointer;
	height: 32px;
	padding: 0 10px;
	margin: 0 36px 10px;
	border-radius: 4px;
	display: none
}

.fav-wnd .fav-bd .fav-new-placeholder .fav-icon-add
{
	float: left;
	height: 14px;
	width: 14px;
	margin-top: 9px;
	background-repeat: no-repeat;
	background-image: url('/images/collection/add.png')
}

.fav-wnd .fav-bd .fav-new-placeholder:hover
{
	border-color: #00a1d6;
	color: #161a1e
}

.fav-wnd .fav-bd .fav-new-placeholder.lock
{
	cursor: default;
	opacity: .4;
	filter: alpha(opacity=40)!important
}

.fav-wnd .fav-bd .fav-new-placeholder.lock:hover
{
	border-color: #ccc;
	color: #6d757a
}

.fav-wnd .fav-bd .fav-new-placeholder span.txt
{
	line-height: 32px;
	margin-left: 12px
}

.fav-wnd .fav-bd .fav-new
{
	padding: 0 20px
}

.fav-wnd .fav-bd .fav-new .fav-btn
{
	background-color: #00b5e5
}

.fav-wnd .fav-bd .fav-input-wrp
{
	position: relative;
	margin-top: 10px
}

.fav-wnd .fav-bd .fav-input
{
	border: 1px solid #ccd0d7;
	background-color: #eee;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-radius: 4px;
	box-shadow: none;
	height: 34px;
	line-height: 36px;
	padding: 0 40px 0 10px;
	margin: 0;
	transition: .2s border;
	width: 188px;
	box-sizing: content-box;
	font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
	font-size: 14px
}

.fav-wnd .fav-bd .fav-input.error
{
	border-color: #f25d8e!important
}

.fav-wnd .fav-bd .fav-input:focus
{
	background-color: #fff
}

.fav-wnd .fav-bd .fav-new-wrp
{
	height: 32px;
	margin: 0 36px 12px;
	color: #00a1d6;
	border-radius: 4px;
	display: none;
	z-index: 20000;
	position: relative
}

.fav-wnd .fav-bd .fav-new-wrp .fav-add-tip
{
	display: inline-block;
	line-height: 40px;
	height: 40px;
	position: absolute;
	top: -52px;
	padding: 0 10px;
	border-radius: 4px;
	color: #fff;
	background: #00a1d6
}

.fav-wnd .fav-bd .fav-new-wrp .fav-add-tip .blue-arrow
{
	position: absolute;
	background-image: url('/images/collection/blue-arrow.png');
	background-repeat: no-repeat;
	left: 60px;
	top: 40px;
	width: 14px;
	height: 6px
}

.fav-wnd .fav-bd .fav-new-wrp .fav-add-tip .icon-close
{
	display: inline-block;
	margin-left: 10px;
	line-height: 28px;
	opacity: .9!important;
	filter: alpha(opacity=90)!important;
	cursor: pointer;
	vertical-align: middle;
	background: url('/images/collection/close-white.png') center no-repeat;
	width: 24px;
	height: 24px
}

.fav-wnd .fav-bd .fav-new-wrp input
{
	height: 32px;
	line-height: 32px;
	width: 230px;
	color: #222;
	font-size: 12px;
	vertical-align: top;
	box-shadow: none;
	background-color: transparent;
	overflow: hidden;
	padding: 0 12px;
	border: 1px solid #00a1d6;
	border-radius: 4px 0 0 4px
}

.fav-wnd .fav-bd .fav-new-wrp .fav-new-btns
{
	position: relative;
	display: inline-block;
	width: 90px;
	cursor: pointer;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 0;
	border-width: 0;
	border: 1px solid #00a1d6;
	border-left-width: 0;
	background-color: #d9f5fe;
	border-radius: 0 4px 4px 0
}

.fav-wnd .fav-bd .fav-new-wrp .fav-new-btns.disable
{
	color: #999;
	background-color: #f1f1f1
}

.fav-wnd .fav-bd .fav-new-wrp.error input
{
	border-color: #fb7299
}

.fav-wnd .fav-bd .fav-new-wrp.error .fav-new-btns
{
	border-color: #fb7299;
	color: #999;
	background-color: #f1f1f1
}

.fav-wnd .fav-bd .fav-list-wrp
{
	max-height: 305px;
	min-height: 92px;
	overflow: auto
}

.fav-wnd .fav-bd .fav-list
{
	padding: 0 36px;
	min-height: 44px;
	margin-top: 24px;
	margin-bottom: 24px
}

.fav-wnd .fav-bd .fav-list li
{
	background-color: #fff;
	height: 24px;
	line-height: 24px;
	cursor: pointer;
	border-radius: 4px;
	position: relative;
	font-size: 14px;
	margin: 24px 0
}

.fav-wnd .fav-bd .fav-list li.lock
{
	cursor: default;
	opacity: .5;
	filter: alpha(opacity=50)!important
}

.fav-wnd .fav-bd .fav-list li.lock .list-item-name:hover
{
	color: #222
}

.fav-wnd .fav-bd .fav-list li.lock .list-item-name:hover i.radius-box.off
{
	background-image: url('/images/collection/radius-box.png')
}

.fav-wnd .fav-bd .fav-list li .list-item-name
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #222;
	margin-right: 45px
}

.fav-wnd .fav-bd .fav-list li .list-item-name i.radius-box
{
	height: 20px;
	width: 20px;
	display: inline-block;
	margin-right: 18px;
	vertical-align: middle
}

.fav-wnd .fav-bd .fav-list li .list-item-name i.radius-box.off
{
	background-image: url('/images/collection/radius-box.png')
}

.fav-wnd .fav-bd .fav-list li .list-item-name i.radius-box.on
{
	background-image: url('/images/collection/radius-box-on.png')
}

.fav-wnd .fav-bd .fav-list li .list-item-name i.personal
{
	color: #999
}

.fav-wnd .fav-bd .fav-list li .list-item-name:hover
{
	color: #00a1d6
}

.fav-wnd .fav-bd .fav-list li .list-item-name:hover i.radius-box.off
{
	background-image: url('/images/collection/radius-box-hover.png')
}

.fav-wnd .fav-bd .fav-list li.loading
{
	height: 40px;
	line-height: 40px;
	color: #99a2aa;
	padding: 0;
	text-align: center;
	display: none
}

.fav-wnd .fav-bd .fav-list li.loading:before
{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(/images/base/loading.gif) no-repeat center center;
	margin-right: 5px;
	margin-top: -5px
}

.fav-wnd .fav-bd .fav-sure-wrp
{
	text-align: center;
	margin: 0 36px;
	padding-top: 18px;
	border-top: 1px solid #e5e9ef
}

.fav-wnd .fav-bd .fav-sure-wrp .fav-sure
{
	cursor: pointer;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: 180px;
	border-radius: 4px;
	font-size: 14px;
	background-color: #e5e9ef;
	color: #b8c0cc;
	transition: .2s
}

.fav-wnd .fav-bd .fav-sure-wrp .fav-sure.on
{
	color: #fff;
	background-color: #00a1d6
}

.fav-wnd .fav-bd .fav-sure-wrp .fav-sure.on:hover
{
	background-color: #00b5e5
}

.fav-wnd li .fav-count
{
	color: #6d757a;
	position: absolute;
	padding: 0 0 0 5px;
	line-height: 24px;
	height: 24px;
	top: 0;
	font-size: 12px;
	right: 0
}

.fav-wnd li .fav-count .fav-count-anime
{
	width: 62px;
	height: 44px;
	position: absolute;
	top: -10px;
	right: 0
}

.fav-wnd .str-count
{
	position: absolute;
	padding: 4px;
	padding-right: 8px;
	line-height: 24px;
	height: 24px;
	color: #aaa;
	background-color: transparent;
	bottom: 2px;
	right: 1px;
	border-radius: 0 4px 4px 0
}

.fav-wnd .str-count.error
{
	color: #f25d8e
}

.fav-wnd .err-msg
{
	position: absolute;
	height: 20px;
	line-height: 20px;
	bottom: -20px;
	left: 0;
	width: 100%;
	color: #f25d8e
}

.fav-wnd iframe.layout
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	z-index: -1;
	outline: 0
}

.fav-wnd .fav-mask
{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: #fff;
	opacity: .8!important;
	filter: alpha(opacity=80)!important;
	z-index: 10101
}

.fav-wnd .numChangeGift
{
	position: absolute;
	left: 447px;
	bottom: 0;
	width: 150px;
	height: 70px;
	background-image: url('/images/collection/anime-gift.png');
	background-position: -10px -20px
}

.fav-wnd .numChangeGift .numChangeGiftTip
{
	position: absolute;
	display: none;
	top: -70px;
	left: -10px;
	height: 70px;
	line-height: 20px;
	min-width: 210px;
	background: #ffffbd;
	border-radius: 4px;
	padding: 10px 50px 20px 20px;
	box-sizing: border-box;
	transition: .2s;
	transition-timing-function: cubic-bezier(0,1.3,1,1.3);
	transform: scale(0.3)
}

.fav-wnd .numChangeGift .numChangeGiftTip.on
{
	transform: scale(1)
}

.fav-wnd .numChangeGift .numChangeGiftTip span
{
	position: absolute;
	right: 5px;
	top: 6px;
	background: transparent url('../images/icons.png') no-repeat top left;
	background-position: -468px -532px;
	width: 24px;
	height: 24px;
	cursor: pointer
}

.fav-wnd .numChangeGift .numChangeGiftTip:after
{
	content: ' ';
	position: absolute;
	bottom: -6px;
	left: 72px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ffffdb
}

.coin-wrap
{
	min-height: 422px;
	width: 430px;
	position: fixed;
	background: #fff;
	top: 50%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: -210px;
	opacity: 0;
	transition: .2s;
	z-index: 11001;
	display: block;
	border-radius: 8px;
	overflow: hidden
}

.coin-wrap.fade-in
{
	opacity: 1;
	margin-top: -215px
}

.coin-wrap .b-icon-close
{
	position: absolute;
	right: 12px;
	top: 12px
}

.coin-wrap .coin-content
{
	text-align: center
}

.coin-wrap .coin-title
{
	font-size: 16px;
	color: #222;
	text-align: center;
	margin-top: 24px
}

.coin-wrap .coin-title i
{
	font-size: 30px;
	color: #00a1d6
}

.coin-wrap .coin-nav
{
	margin-top: 30px
}

.coin-wrap .coin-nav .coin-checkbox
{
	height: 230px;
	width: 160px;
	background-image: url(//static.hdslb.com/images/coin/border-unchecked.png);
	display: inline-block
}

.coin-wrap .coin-nav .coin-checkbox.margin
{
	margin-right: 30px
}

.coin-wrap .coin-nav .coin-checkbox:hover
{
	background-image: url(//static.hdslb.com/images/coin/border-hover.png)
}

.coin-wrap .coin-nav .coin-checkbox.on
{
	background-image: url(//static.hdslb.com/images/coin/border-checked.png)
}

.coin-wrap .coin-nav .coin-checkbox.on .lable
{
	color: #00a1d6
}

.coin-wrap .coin-nav .coin-checkbox .lable
{
	color: #99a2aa;
	text-align: left;
	position: absolute;
	padding: 16px;
	font-size: 14px
}

.coin-wrap .coin-nav .coin-checkbox img
{
	width: 112px;
	height: 186px;
	margin-top: 22px
}

.coin-wrap .coin-sure
{
	width: 128px;
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	display: inline-block;
	margin-top: 24px
}

.coin-wrap .coin-tips
{
	display: none;
	font-size: 12px;
	color: #99a2aa;
	margin-top: 12px
}

.coin-wrap .coin-tips.on
{
	display: block
}

.coin-wrap iframe.layout
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	z-index: -1;
	outline: 0
}

.b-head .b-head-l
{
	float: left
}

.b-head .b-link-more
{
	float: right;
	text-align: center;
	margin-left: 10px
}

.b-head .b-link-more a
{
	display: block;
	width: 52px;
	height: 22px;
	line-height: 22px;
	background-color: #fff;
	border: 1px solid #ccd0d7;
	color: #555;
	border-radius: 4px
}

.b-head .b-link-more a .b-icon-arrow-r
{
	display: none
}

.b-head .b-link-more a:after
{
	content: '';
	display: inline-block;
	width: 6px;
	height: 12px;
	background: url('../images/icons.png') -478px -218px no-repeat;
	vertical-align: middle;
	margin: -2px 0 0 5px
}

.b-head .b-link-more a:hover
{
	background-color: #ccd0d7
}

.b-head .pmt-list
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: bottom;
	margin-left: 10px;
	margin-top: 10px
}

.b-head .pmt-list .no-data
{
	line-height: 28px!important;
	display: none
}

.b-head .pmt-list .b-loading
{
	display: none
}

.b-head .pmt-list .p-loading
{
	display: none
}

.b-head .pmt-list .pmt-link
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	padding: 0 10px;
	border-left: 1px solid #ccd0d7
}

.b-head .pmt-list .pmt-link:first-child
{
	border: 0
}

.b-head .pmt-list .pmt-link a
{
	display: block;
	line-height: 16px;
	*line-height: normal;
	color: #6d757a
}

.b-head .pmt-list .pmt-link a:hover
{
	color: #00a1d6
}

.b-guideline
{
	position: relative;
	white-space: nowrap;
	overflow: hidden
}

.b-guideline .b-guideline-t
{
	font-size: 16px!important;
	line-height: 20px;
	font-weight: bolder;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

.b-guideline:after
{
	content: '';
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-top: 1px solid #ddd;
	width: 100%;
	margin-left: 20px;
	vertical-align: middle
}

.container-row .b-l .b-slt-tab li,.container-row .b-l .b-slt-tab .tab-i
{
	margin-left: 24px
}

.container-row .bgm-cn-recomend .cnb-list
{
	width: 100%;
	height: 214px;
	overflow: hidden;
	padding-top: 20px
}

.container-row .bgm-cn-recomend .cnb-list li
{
	float: left;
	margin: 0 15px 0 0
}

.container-row .bgm-cn-recomend .cnb-list li:hover .season .cnb-title
{
	color: #00a1d6
}

.widescreen .container-row .bgm-cn-recomend .cnb-list li
{
	float: left;
	margin: 0 22px 0 0
}

.container-row .bgm-cn-recomend .cnb-list .season
{
	position: relative;
	width: 128px;
	font-size: 12px;
	overflow: hidden
}

.container-row .bgm-cn-recomend .cnb-list .season .preview
{
	width: 128px;
	height: 170px;
	display: block;
	overflow: hidden;
	text-align: center;
	transition: .2s all linear;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
	border-radius: 4px;
	-webkit-mask-image: -webkit-radial-gradient(circle,white,black)
}

.container-row .bgm-cn-recomend .cnb-list .season .preview img
{
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 auto;
	outline: 0
}

.container-row .bgm-cn-recomend .cnb-list .season .cnb-title
{
	margin-bottom: 8px;
	padding-top: 8px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	color: #222;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	text-align: left
}

.container-row .bgm-cn-recomend .cnb-list .season .cnb-info
{
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	color: #99a2aa;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	text-align: left
}

.b-toggle-block
{
	background: url(/images/base/toggle-base.png) center -480px no-repeat;
	position: relative
}

.widescreen .b-toggle-block
{
	background-position: center -288px
}

.b-toggle-block .b-icon
{
	vertical-align: top;
	margin-left: 5px;
	margin-top: 7px
}

.b-toggle-block .b-toggle-btn
{
	background: url(/images/base/toggle-base.png) -653px -79px no-repeat;
	width: 94px;
	height: 30px;
	line-height: 22px;
	display: block;
	cursor: pointer;
	text-align: center;
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -47px;
	color: #6d757a
}

.b-toggle-block .b-toggle-btn:hover
{
	color: #00a1d6
}

.b-toggle-block .b-toggle-btn:hover .b-icon-toggle-down
{
	background-position: -539px -732px
}

.b-toggle-block .b-toggle-btn:hover .b-icon-toggle-up
{
	background-position: -538px -797px
}

.bangumi-pmt-slider
{
	margin-top: 20px
}

.bangumi-pmt-slider .mini-preview-wrapper .mini-preview li
{
	height: 268px
}

.bangumi-pmt-slider .mini-preview-wrapper .s-bottom
{
	height: 27px;
	padding-top: 21px;
	background: linear-gradient(transparent,rgba(0,0,0,0.5));
	background: -webkit-linear-gradient(transparent,rgba(0,0,0,0.5));
	background: -moz-linear-gradient(transparent,rgba(0,0,0,0.5));
	background: -o-linear-gradient(transparent,rgba(0,0,0,0.5))
}

.bangumi-pmt-slider .mini-preview-wrapper .s-bottom .info
{
	background: 0
}

.bangumi-pmt-slider .mini-preview-wrapper .s-bottom .slider-bar
{
	background: 0;
	position: absolute;
	right: 12px;
	bottom: 0
}

.mini-preview-wrapper
{
	position: relative;
	width: 260px;
	overflow: hidden;
	border-radius: 4px
}

.mini-preview-wrapper .mini-preview-list-wrapper
{
	overflow: hidden;
	border-radius: 4px
}

.mini-preview-wrapper .mini-preview
{
	width: 600%;
	zoom: 1
}

.mini-preview-wrapper .mini-preview:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.mini-preview-wrapper .mini-preview li
{
	width: 260px;
	float: left;
	overflow: hidden
}

.mini-preview-wrapper .mini-preview li img
{
	width: 100%;
	height: 100%
}

.mini-preview-wrapper .slider-bar
{
	overflow: hidden;
	text-align: center;
	background: url(/images/base/layer.png) repeat;
	background: rgba(0,0,0,0.74)
}

.mini-preview-wrapper .slider-bar li
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	cursor: pointer;
	height: 6px;
	padding: 9px 0;
	margin: 0 2px
}

.mini-preview-wrapper .slider-bar li a
{
	display: block;
	width: 10px;
	height: 6px;
	background-color: #fff;
	border-radius: 5px;
	transition: .2s
}

.mini-preview-wrapper .slider-bar li:hover a
{
	background-color: #f25d8e
}

.mini-preview-wrapper .slider-bar li.on a,.mini-preview-wrapper .slider-bar li.on:hover a
{
	width: 30px;
	background-color: #f25d8e
}

.mini-preview-wrapper .s-bottom
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 0 0 4px 4px
}

.mini-preview-wrapper .s-bottom.notitle
{
	background: 0
}

.mini-preview-wrapper .info
{
	padding: 5px 10px 2px;
	line-height: 20px;
	background: url(/images/base/layer.png) repeat;
	background: rgba(0,0,0,0.6)
}

.mini-preview-wrapper .info .info-item
{
	display: none
}

.bangumi-pmt-slider .mini-preview-wrapper .info .info-item
{
	padding-right: 80px
}

.mini-preview-wrapper .info .info-item a.t
{
	display: block;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.mini-preview-wrapper .info .info-item .bangumi-state
{
	color: #b8c0cc
}

.mini-preview-wrapper .info .info-item .bangumi-state span.bangumi-state-fav
{
	margin-left: 20px
}

.mini-preview-wrapper a
{
	color: #fff
}

.bangumi-pmt-list
{
	padding-top: 10px;
	height: 102px;
	overflow: hidden
}

.bangumi-pmt-list li
{
	float: left;
	margin: 0 0 10px 12px
}

.bangumi-pmt-list li:first-child
{
	margin-left: 0
}

.bangumi-pmt-list li .pmt-item .preview
{
	display: block;
	width: 56px;
	height: 56px;
	position: relative;
	border-radius: 4px;
	overflow: hidden
}

.bangumi-pmt-list li .pmt-item .preview img
{
	display: block;
	width: 100%;
	height: 100%
}

.bangumi-pmt-list li .pmt-item .preview .bangumi-state-index
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	text-align: center;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background: url(/images/base/layer.png) repeat;
	background: rgba(0,0,0,0.5)
}

.bangumi-pmt-list li .pmt-item .t
{
	display: block;
	margin-top: 4px;
	width: 56px;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	color: #222;
	word-wrap: break-word
}

.bangumi-pmt-list li .pmt-item:hover .t
{
	color: #00a1d6
}

.b-icon.b-icon-a
{
	background: transparent url('../images/icons.png') no-repeat top left;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 28px;
	float: left;
	height: 28px;
	line-height: 28px
}

.b-icon.b-icon-a.b-icon-play
{
	background-position: -659px -210px
}

.b-icon.b-icon-a.b-icon-danmaku
{
	background-position: -659px -275px
}

.b-icon.b-icon-a.b-icon-coin
{
	background-position: -659px -338px
}

.b-icon.b-icon-a.b-icon-stow
{
	background-position: -659px -402px;
	cursor: pointer
}

.b-icon.b-icon-a.b-icon-stow:hover
{
	background-position: -725px -402px
}

.b-icon.b-icon-a.b-icon-stow.on
{
	background-position: -725px -402px
}

:hover>.b-icon.b-icon-a.b-icon-stow
{
	background-position: -725px -402px
}

.b-icon.b-icon-a.b-icon-anim-share
{
	background: transparent url(/images/base/anim-share.png) no-repeat top left;
	width: 80px;
	height: 80px
}

.b-icon.b-icon-a.b-icon-anim-fav
{
	background: transparent url(/images/base/anim-fav.png) no-repeat top left;
	width: 80px;
	height: 80px
}

.b-icon.b-icon-a.b-icon-anim-fav.on
{
	background-position: 0 -80px!important
}

.b-icon.b-icon-a.b-icon-anim-zan
{
	background: transparent url(/images/base/anim-zan.png) no-repeat top left;
	width: 80px;
	height: 80px
}

.b-icon.b-icon-a.b-icon-anim-zan.on
{
	background-position: 0 -80px
}

.b-icon.b-icon-a.b-icon-anim-coin
{
	background: transparent url(/images/base/anim-coin.png) no-repeat top left;
	width: 80px;
	height: 80px
}

.b-icon.b-icon-a.b-icon-anim-coin.on
{
	background-position: 0 -80px
}

.b-icon.b-icon-a.b-icon-anim-app
{
	background: transparent url(/images/base/anim-app.png) no-repeat top left;
	width: 80px;
	height: 80px
}

.b-icon.b-icon-a.b-icon-anim-watch-later
{
	background: transparent url(/images/base/anim-watch-later.png) no-repeat 0 0;
	width: 80px;
	height: 80px
}

.b-icon.b-icon-a.b-icon-anim-watch-later.on
{
	background-position: -960px 0!important
}

.b-icon.b-icon-a.b-icon-anim-fav,.b-icon.b-icon-a.b-icon-anim-coin,.b-icon.b-icon-a.b-icon-anim-watch-later,.b-icon.b-icon-a.b-icon-anim-app
{
	margin-left: -16px
}

.b-icon.b-icon-a.b-icon-close
{
	cursor: pointer;
	background-position: -468px -532px;
	width: 24px;
	height: 24px
}

.b-icon.b-icon-a.b-icon-close:hover
{
	background-position: -532px -532px
}

.topic-box
{
	clear: both;
	position: relative;
	text-align: center;
	padding-bottom: 20px
}

.viewbox
{
	padding: 0 0 10px 0;
	zoom: 1
}

.viewbox:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.viewbox .info
{
	padding: 5px 0 8px 0;
	float: left;
	width: 640px;
	position: relative;
	overflow: hidden
}

.viewbox .info .v-title.activity-enabled h1
{
	padding-right: 10px
}

.viewbox .info .v-title.activity-enabled h1 a
{
	display: inline-block;
	vertical-align: text-bottom;
	font-size: 12px;
	margin-right: 10px;
	padding: 0 5px;
	height: 24px;
	line-height: 24px;
	border-radius: 4px;
	color: #fff;
	background-color: #ffafc9
}

.viewbox .info .v-title h1
{
	display: block;
	margin-right: 80px;
	font-size: 16px;
	color: #525659;
	font-weight: 700;
	overflow: hidden;
	height: 24px;
	line-height: 24px;
	text-overflow: ellipsis;
	font-weight: normal;
	white-space: nowrap;
	padding: 8px 0;
	font-size: 18px
}

.viewbox .info .tminfo
{
	float: left;
	position: relative;
	width: 100%;
	margin-bottom: 12px;
	height: 16px;
	line-height: 16px;
	color: #666;
	font-size: 12px;
	margin-top: 6px;
	z-index: 10;
	zoom: 1
}

.viewbox .info .tminfo:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.viewbox .info .tminfo a,.viewbox .info .tminfo span a,.viewbox .info .tminfo time i
{
	color: #99a2aa;
	font-weight: normal
}

.viewbox .info .tminfo a:hover,.viewbox .info .tminfo span a:hover
{
	color: #00a1d6
}

.viewbox .info .tminfo time
{
	margin-left: 32px
}

.viewbox .info .v-title-info
{
	height: 28px;
	line-height: 28px;
	zoom: 1
}

.viewbox .info .v-title-info:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.viewbox .info .v-title-info .v-title-line
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 98px;
	vertical-align: middle;
	float: left;
	white-space: nowrap
}

.viewbox .info .v-title-info .v-title-line.v-coin
{
	position: relative;
	max-width: 120px;
	width: auto;
	margin-right: 24px;
	padding-left: 24px;
	border-left: 1px solid #eee;
	cursor: pointer
}

.viewbox .info .v-title-info .v-title-line.v-coin .b-icon
{
	position: absolute;
	margin-left: 24px;
	left: -20px;
	top: -16px;
	width: 60px;
	height: 60px;
	background: url("/images/base/anim-coin-small.png") top left no-repeat
}

.viewbox .info .v-title-info .v-title-line.v-coin .coin-status
{
	position: relative;
	margin-left: 26px;
	padding: 0 3px
}

.viewbox .info .v-title-info .v-title-line.v-stow
{
	position: relative;
	cursor: pointer
}

.viewbox .info .v-title-info .v-title-line.v-stow .b-icon
{
	position: absolute;
	left: -20px;
	top: -16px;
	width: 60px;
	height: 60px;
	background: url("/images/base/anim-collect.png") top left no-repeat
}

.viewbox .info .v-title-info .v-title-line.v-stow .b-icon.on
{
	background-position: 0 -120px
}

.viewbox .info .v-title-info .v-title-line.v-stow .stow-status
{
	position: relative;
	margin-left: 26px;
	padding: 0 3px
}

.viewbox .info .v-title-info .v-title-line.v-rank
{
	width: auto;
	padding-right: 24px
}

.viewbox .info .v-title-info .v-title-line.v-rank .b-icon-rank
{
	width: 28px;
	height: 28px;
	background-position: -660px -1684px
}

.viewbox .info .v-title-info .v-title-line.v-rank .rank-status
{
	cursor: default
}

.viewbox .info .v-title-info .v-title-line span
{
	padding: 0 5px
}

.viewbox .info.topic
{
	width: 100%;
	zoom: 1
}

.viewbox .info.topic:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.viewbox .info.topic *
{
	color: #99a2aa
}

.viewbox .info.topic .tminfo
{
	margin-top: 10px
}

.viewbox .info.topic .tminfo .b-icon
{
	vertical-align: top;
	margin: 3px 5px 0 10px
}

.viewbox .info.topic .tminfo .b-icon.b-icon-v-play
{
	margin-left: 40px
}

.viewbox .info.topic .tminfo time
{
	margin-left: 0
}

.viewbox .info.topic .info-right
{
	float: right;
	white-space: nowrap
}

.viewbox .info.topic .info-right h1
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-weight: normal;
	font-size: 12px
}

.viewbox .info.topic .info-right .usname
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-weight: normal;
	font-size: 12px
}

.viewbox .info.topic .info-right .usname a
{
	color: #00a1d6
}

.viewbox .info.topic .info-right .usname a:hover
{
	color: #00b5e5
}

.viewbox .upinfo
{
	width: 225px;
	margin-top: 20px;
	float: right;
	background: #fff;
	padding-left: 90px;
	position: relative
}

.viewbox .upinfo .u-face
{
	width: 68px;
	text-align: center;
	float: left;
	margin: 0 10px 0 0;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0
}

.viewbox .upinfo .u-face img
{
	display: block;
	height: 64px;
	width: 64px;
	border-radius: 64px;
	margin: 0 auto;
	border: 2px solid transparent;
	position: relative;
	z-index: 10
}

.viewbox .upinfo .u-face .u-sign
{
	position: absolute;
	top: -22px;
	left: -22px;
	width: 108px;
	height: 120px;
	z-index: 20
}

.viewbox .upinfo .u-face .u-sign img
{
	width: 112px;
	height: 112px;
	border-radius: 0;
	border: 0
}

.viewbox .upinfo .u-face .legalize-icon
{
	position: absolute;
	top: 48px;
	left: 48px;
	z-index: 30
}

.viewbox .upinfo .r-info
{
	float: left;
	width: 100%
}

.viewbox .upinfo .r-info .usname
{
	line-height: 20px;
	position: relative;
	zoom: 1
}

.viewbox .upinfo .r-info .usname:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.viewbox .upinfo .r-info .usname a.name
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: left;
	max-width: 120px;
	font-size: 14px;
	word-wrap: break-word;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	height: 20px;
	white-space: nowrap
}

.viewbox .upinfo .r-info .usname a.message
{
	float: right;
	color: #6d757a;
	background: url('../images/icons.png') no-repeat -272px -2006px;
	padding-left: 30px
}

.viewbox .upinfo .r-info .usname a.message:hover
{
	color: #00a1d6
}

.viewbox .upinfo .r-info .b-btn.f
{
	height: 22px;
	font-size: 14px;
	line-height: 22px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-color: #00a1d6;
	border: 1px solid #00a1d6;
	transition: .2s background-color;
	width: 138px;
	float: left;
	color: #fff
}

.viewbox .upinfo .r-info .b-btn.f.hide
{
	display: none
}

.viewbox .upinfo .r-info .b-btn.f:hover
{
	background-color: #00b5e5;
	border-color: #00b5e5
}

.viewbox .upinfo .r-info .b-btn.f.on
{
	width: 68px;
	background-color: #fff;
	border: 1px solid #e5e9ef;
	color: #99a2aa
}

.viewbox .upinfo .r-info .b-btn.elec
{
	height: 22px;
	font-size: 14px;
	float: right;
	line-height: 22px;
	display: inline-block;
	background-color: #fff;
	border-color: #f25d8e;
	color: #f25d8e;
	*display: inline;
	*zoom: 1;
	width: 68px;
	transition: .2s background-color
}

.viewbox .upinfo .r-info .b-btn.elec:hover
{
	background-color: #ff85ad;
	color: #fff;
	border-color: #ff85ad
}

.viewbox .upinfo .r-info .b-btn.elec.on
{
	width: 138px;
	background-color: #f25d8e;
	color: #fff
}

.viewbox .upinfo .r-info .b-btn.elec.on:hover
{
	background-color: #ff85ad
}

.viewbox .upinfo .r-info .b-btn.elec.animate
{
	background-color: #f25d8e;
	color: #fff
}

.viewbox .upinfo .r-info .b-btn.elec.animate:hover
{
	background-color: #ff85ad
}

.viewbox .upinfo .r-info .b-btn.elec.hide
{
	display: none
}

.viewbox .upinfo .r-info .sign
{
	color: #333;
	line-height: 20px;
	min-height: 11px;
	overflow: hidden;
	word-wrap: break-word;
	position: relative
}

.viewbox .upinfo .r-info .sign .b-btn
{
	padding: 2px 5px;
	line-height: 14px;
	display: inline-block;
	height: 14px;
	vertical-align: top
}

.viewbox .upinfo .r-info .sign.static
{
	height: 40px;
	overflow: hidden
}

.viewbox .upinfo .r-info .sign.static .b-btn
{
	position: absolute;
	bottom: 0;
	right: 0
}

.viewbox .upinfo .r-info a.vertified
{
	display: block;
	background: url(/images/v3images/video_pics.png) 0 -37px no-repeat;
	float: left;
	height: 20px;
	width: 16px;
	margin-left: 3px
}

.viewbox .upinfo .r-info a.vertified.enterprise
{
	background-position: 0 -271px
}

.viewbox .upinfo .r-info .up-video-message
{
	line-height: 18px;
	margin-bottom: 10px;
	margin-top: 3px
}

.viewbox .upinfo .r-info .up-video-message div
{
	color: #99a2aa;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 100px
}

.viewbox .upinfo .live-status-link
{
	display: block;
	position: absolute;
	top: 0;
	left: -84px;
	width: 77px;
	height: 24px;
	white-space: nowrap;
	color: #f25d8e;
	background-image: url("/images/base/icon-live.gif"),url("/images/base/icon-live-hover.png");
	background-repeat: no-repeat
}

.viewbox .upinfo .live-status-link:hover
{
	color: #fff;
	background: url("/images/base/icon-live-hover.png") no-repeat
}

.viewbox .upinfo .live-status-link span
{
	margin-left: 6px;
	height: 24px;
	line-height: 24px
}

.player-wrapper .arc-toolbar
{
	width: 1160px;
	margin: 0 auto
}

.arc-toolbar
{
	background: #fff;
	color: #444;
	border: 1px solid #e5e9ef;
	border-radius: 4px;
	position: relative;
	z-index: 103;
	zoom: 1
}

.arc-toolbar:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.arc-toolbar.topic
{
	width: 978px;
	margin-top: 20px
}

.arc-toolbar.topic .block.zan,.arc-toolbar.topic .block.coin
{
	display: none!important
}

.arc-toolbar .block
{
	float: left;
	height: 80px;
	line-height: 48px;
	position: relative;
	cursor: pointer
}

.arc-toolbar .block span
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size: 14px
}

.arc-toolbar .block .t
{
	padding-left: 56px;
	float: left;
	position: relative
}

.arc-toolbar .block .t i
{
	position: absolute;
	top: 0;
	left: 0
}

.arc-toolbar .block .t .t-right
{
	text-align: left
}

.arc-toolbar .block .t .t-right .t-right-top
{
	position: relative;
	color: #000;
	display: block;
	font-size: 16px;
	height: 50px;
	line-height: 68px
}

.arc-toolbar .block .t .t-right .t-right-bottom
{
	position: relative;
	display: block;
	color: #6d757a;
	font-size: 12px;
	height: 12px;
	line-height: 1;
	margin-top: -2px
}

.arc-toolbar .block.share
{
	padding-left: 10px
}

.arc-toolbar .block.share.initialized:hover
{
	background-color: #fff;
	border-radius: 4px 0 0 0;
	margin-left: -1px;
	margin-right: -1px;
	border-left: 1px solid #e5e9ef;
	border-right: 1px solid #e5e9ef;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px
}

.arc-toolbar .block.share.initialized:hover:after
{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 101;
	left: 0;
	border-bottom: 1px solid #fff
}

.arc-toolbar .block.share .share-box
{
	display: none;
	position: absolute;
	top: 80px;
	left: -1px;
	padding: 20px 0 40px 30px;
	border: 1px solid #e5e9ef;
	border-radius: 0 0 4px 4px;
	background-color: #fff;
	z-index: 100;
	width: 611px;
	cursor: default;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	zoom: 1
}

.arc-toolbar .block.share .share-box:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.arc-toolbar .block.share .share-box input[type='text']
{
	border: 1px solid #ccd0d7;
	box-shadow: none;
	border-radius: 0;
	margin: 0;
	padding: 0 4px;
	line-height: 18px;
	height: 18px;
	margin-left: 10px;
	width: 230px
}

.arc-toolbar .block.share .share-box input[type='checkbox']
{
	margin: 0 4px 0 0
}

.arc-toolbar .block.share .share-box .share-head
{
	font-size: 18px;
	color: #333;
	margin: 20px 0;
	line-height: 24px
}

.arc-toolbar .block.share .share-box .share-left
{
	text-align: left;
	width: 385px;
	float: left
}

.arc-toolbar .block.share .share-box .share-left .share-list
{
	height: 40px
}

.arc-toolbar .block.share .share-box .share-left .share-list .share-btn
{
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 35px
}

.arc-toolbar .block.share .share-box .share-left .share-time
{
	line-height: 20px;
	margin-top: 18px;
	padding-bottom: 10px
}

.arc-toolbar .block.share .share-box .share-left .share-time *
{
	display: none;
	vertical-align: middle
}

.arc-toolbar .block.share .share-box .share-left .share-time input[type='text']
{
	width: 60px;
	text-align: center
}

.arc-toolbar .block.share .share-box .share-left .share-address
{
	line-height: 20px;
	margin-bottom: 16px;
	zoom: 1
}

.arc-toolbar .block.share .share-box .share-left .share-address:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.arc-toolbar .block.share .share-box .share-left .share-address.last
{
	margin-bottom: 0
}

.arc-toolbar .block.share .share-box .share-left .share-address .address-copy
{
	margin-left: -1px;
	line-height: 20px;
	width: 40px;
	cursor: pointer;
	background: #00a1d6;
	text-align: center;
	color: #fff;
	font-size: 12px
}

.arc-toolbar .block.share .share-box .share-left .share-address .address-copy.hover
{
	background-color: #00b5e5
}

.arc-toolbar .block.share .share-box .share-left .share-address *
{
	float: left
}

.arc-toolbar .block.share .share-box .share-left .share-address label
{
	width: 62px;
	font-size: 13px
}

.arc-toolbar .block.share .share-box .share-right
{
	border-left: 1px solid #e5e9ef;
	float: left;
	padding: 0 35px;
	text-align: center;
	width: 154px
}

.arc-toolbar .block.fav
{
	padding: 0 10px 0 45px;
	overflow: hidden
}

.arc-toolbar .block.fav .b-icon.b-icon-a
{
	margin-top: 3px
}

.arc-toolbar .block.fav:before
{
	content: '';
	position: absolute;
	left: 17px;
	top: 32px;
	border-left: 1px solid #ccc;
	height: 20px
}

.arc-toolbar .block.app
{
	padding: 0 10px 0 0
}

.arc-toolbar .block.app.initialized:hover
{
	background-color: #fff;
	border-radius: 0;
	margin-left: -1px;
	margin-right: -1px;
	border-left: 1px solid #e5e9ef;
	border-right: 1px solid #e5e9ef;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px
}

.arc-toolbar .block.app.initialized:hover:after
{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 101;
	left: 0;
	border-bottom: 1px solid #fff
}

.arc-toolbar .block.app .qr-code-box
{
	display: none;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	position: absolute;
	border-top: 0;
	background: #fff;
	top: 80px;
	left: -1px;
	z-index: 100;
	text-align: center;
	cursor: default;
	padding: 20px 30px 40px;
	line-height: normal;
	width: 310px;
	border: 1px solid #e5e9ef;
	border-radius: 0 0 4px 4px
}

.arc-toolbar .block.app .qr-code-box img.code-img
{
	width: 100px;
	margin: 10px auto 5px;
	display: block
}

.arc-toolbar .block.app .qr-code-box a
{
	line-height: 14px;
	text-align: center
}

.arc-toolbar .block.app .qr-code-box a:hover
{
	color: #00a1d6
}

.arc-toolbar .block.app .qr-code-box .qr-code-box-inner
{
	width: 100%;
	height: 100%;
	float: left
}

.arc-toolbar .block.app .qr-code-box .qr-code-box-inner .qr-code
{
	margin-bottom: 20px;
	float: left;
	margin-top: 3px;
	width: 100px;
	height: 100px
}

.arc-toolbar .block.app .qr-code-box .qr-code-box-inner .qr-info
{
	float: right;
	width: 200px;
	text-align: left
}

.arc-toolbar .block.app .qr-code-box .qr-code-box-inner .qr-info .qr-info-head
{
	line-height: 18px;
	font-size: 15px
}

.arc-toolbar .block.app .qr-code-box .qr-code-box-inner .qr-info .qr-info-description
{
	color: #666;
	margin-top: 3px;
	line-height: 22px;
	margin-bottom: 20px
}

.arc-toolbar .block.app .qr-code-box .qr-code-box-inner .qr-bottom
{
	text-align: left;
	font-size: 14px;
	clear: both
}

.arc-toolbar .block.zan,.arc-toolbar .block.coin
{
	padding: 0 15px 0 0;
	float: left;
	display: none
}

.arc-toolbar .block.zan.zan,.arc-toolbar .block.coin.zan
{
	padding-right: 10px
}

.arc-toolbar .block.zan .b-icon.b-icon-a,.arc-toolbar .block.coin .b-icon.b-icon-a
{
	margin-top: -15px
}

.arc-toolbar .block.watch-later .b-icon.b-icon-a
{
	margin-top: 3px
}

.arc-toolbar .score .star_wrapper
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-left: 15px
}

.arc-toolbar .rate-frm
{
	float: left
}

.arc-toolbar #rate_btnLogin
{
	float: left;
	font-size: 14px;
	margin: -1px 20px 0;
	display: none
}

.arc-toolbar .rate-frm .rate-slt
{
	font-size: 14px
}

.arc-toolbar .rate-frm .rate-slt li
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin: 7px 10px;
	padding: 2px 5px 2px 30px;
	height: 28px;
	line-height: 30px;
	border: 2px solid #fff;
	cursor: pointer;
	background: url(/images/v3images/icons2.png) no-repeat;
	position: relative;
	transition: .1s;
	min-width: 30px
}

.arc-toolbar .rate-frm .rate-slt li:hover
{
	background-color: #e5e9ef
}

.arc-toolbar .rate-frm .rate-slt li#r100
{
	background-position: 7px -625px
}

.arc-toolbar .rate-frm .rate-slt li#r2
{
	background-position: 7px -735px
}

.arc-toolbar .rate-frm .rate-slt li.on
{
	background-color: #fff;
	border: 2px solid #00a1d6
}

.arc-toolbar .rate-frm .rate-slt li .arrow
{
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
	width: 10px;
	height: 10px;
	background: url(/images/v3images/icons2.png) 0 -947px no-repeat;
	display: none
}

.arc-toolbar .rate-frm .rate-slt li.on .arrow
{
	display: block
}

.arc-toolbar .rate-frm .info
{
	position: absolute;
	top: 80px;
	background: #fff;
	right: -1px;
	border: 1px solid #ddd;
	width: 425px;
	z-index: 9999;
	font-size: 14px;
	display: none
}

.arc-toolbar .rate-frm .info .msgbox
{
	padding: 10px 10px;
	overflow: hidden;
	border-bottom: 1px solid #ddd
}

.arc-toolbar .rate-frm .info .msgbox span,.arc-toolbar .rate-frm .info .msgbox .r-btn
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	height: 24px;
	line-height: 23px
}

.arc-toolbar .rate-frm .info .msgbox .r-btn
{
	padding: 0 10px;
	margin-left: 10px;
	text-align: center;
	cursor: pointer
}

.arc-toolbar .rate-frm .info .msgbox .r-btn.cancel:hover
{
	background: #ddd
}

.arc-toolbar .rate-frm .info .user
{
	padding: 0 10px
}

.arc-toolbar .rate-frm .info .user span
{
	margin-right: 20px
}

.arc-toolbar .stowbox
{
	position: absolute;
	z-index: 9999;
	top: 80px;
	left: -1px;
	width: 390px;
	border: 1px solid #ddd;
	background: #fff;
	display: none;
	padding-bottom: 15px
}

.arc-toolbar .stowbox input,.arc-toolbar .stowbox span,.arc-toolbar .stowbox input,.arc-toolbar .stowbox label,.arc-toolbar .stowbox small,.arc-toolbar .stowbox select
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	height: 20px;
	line-height: 20px
}

.arc-toolbar .stowbox .box
{
	padding: 10px
}

.arc-toolbar .stowbox .box .box-block
{
	padding: 5px 0;
	height: 35px;
	line-height: 35px
}

.arc-toolbar #mylist
{
	margin-left: 10px
}

.arc-toolbar .stowbox input[type="radio"]
{
	margin: 0 5px
}

.arc-toolbar .stowbox input[type="submit"]
{
	height: 25px;
	line-height: 23px;
	margin-left: 15px;
	float: left
}

.arc-toolbar .stowbox .btn-block
{
	padding-top: 10px;
	overflow: hidden
}

.arc-toolbar .stowbox .b-btn-cancel
{
	float: left;
	margin-left: 5px;
	height: 25px;
	line-height: 25px;
	padding: 0 5px
}

.arc-toolbar .stowbox #new_mylist
{
	float: right;
	margin-right: 10px;
	cursor: pointer;
	height: 23px;
	line-height: 23px;
	padding: 0 5px
}

.arc-toolbar .plus-num
{
	position: absolute;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	text-align: center;
	bottom: 40px
}

.arc-toolbar .block.bp
{
	float: right;
	border-right: 0;
	border-left: 1px solid #ddd
}

.arc-toolbar .block.bp .t
{
	font-size: 12px
}

.arc-toolbar .share-tool-bar
{
	display: inline-block;
	float: left;
	height: 80px;
	line-height: 80px;
	position: relative
}

.arc-toolbar .share-tool-bar:hover
{
	background-color: #fff;
	border-radius: 4px 0 0 0;
	margin-left: -1px;
	margin-right: -1px;
	border-left: 1px solid #e5e9ef;
	border-right: 1px solid #e5e9ef;
	z-index: 101;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px
}

.arc-toolbar .share-tool-bar:hover:after
{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: #fff;
	top: 79px;
	z-index: 101;
	left: 0
}

.arc-toolbar .share-tool-bar .drawer
{
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	padding: 0 12px 0 20px;
	height: 80px
}

.arc-toolbar .share-tool-bar .drawer .title
{
	color: #000;
	display: block;
	font-size: 18px;
	height: 50px;
	line-height: 68px
}

.arc-toolbar .share-tool-bar .drawer .num
{
	position: relative;
	display: block;
	color: #6d757a;
	font-size: 12px;
	height: 12px;
	line-height: 1;
	margin-top: -2px
}

.arc-toolbar .share-tool-bar .drawer .arrow
{
	background: url('../images/icons.png') no-repeat -933px -927px;
	height: 10px;
	width: 10px;
	position: absolute;
	left: 60px;
	top: 33px
}

.arc-toolbar .share-tool-bar .share-btn-bar
{
	display: inline-block;
	padding: 0 5px
}

.arc-toolbar .share-tool-bar .share-btn-bar .g-share-btn
{
	cursor: pointer;
	width: 40px;
	height: 40px;
	margin: 20px 0 20px 0;
	display: inline-block;
	background: url('../images/icons.png') no-repeat;
	background-position-x: -1357px
}

.arc-toolbar .share-tool-bar .share-btn-bar .g-share-btn:hover
{
	background-position-x: -1427px
}

.arc-toolbar .share-tool-bar .share-btn-bar .g-share-btn.weibo
{
	background-position-y: -586px
}

.arc-toolbar .share-tool-bar .share-btn-bar .g-share-btn.qzone
{
	background-position-y: -726px
}

.arc-toolbar .share-tool-bar .share-btn-bar .g-share-btn.qq
{
	background-position-y: -796px
}

.arc-toolbar .share-tool-bar .share-btn-bar .g-share-btn.tieba
{
	background-position-y: -656px
}

.arc-toolbar .share-tool-bar .share-box
{
	display: none;
	position: absolute;
	top: 80px;
	left: -1px;
	padding: 20px 0 40px 30px;
	border: 1px solid #e5e9ef;
	border-radius: 0 0 4px 4px;
	background-color: #fff;
	z-index: 100;
	width: 611px;
	cursor: default;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px;
	zoom: 1
}

.arc-toolbar .share-tool-bar .share-box:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.arc-toolbar .share-tool-bar .share-box input[type='text']
{
	border: 1px solid #ccd0d7;
	box-shadow: none;
	border-radius: 0;
	margin: 0;
	padding: 0 4px;
	line-height: 18px;
	height: 18px;
	margin-left: 10px;
	width: 230px
}

.arc-toolbar .share-tool-bar .share-box input[type='checkbox']
{
	margin: 0 4px 0 0
}

.arc-toolbar .share-tool-bar .share-box .share-head
{
	font-size: 18px;
	color: #333;
	margin: 20px 0;
	line-height: 24px
}

.arc-toolbar .share-tool-bar .share-box .share-left
{
	text-align: left;
	width: 385px;
	float: left
}

.arc-toolbar .share-tool-bar .share-box .share-left .share-list
{
	display: none
}

.arc-toolbar .share-tool-bar .share-box .share-left .share-time
{
	display: none;
	line-height: 20px;
	margin-top: 18px;
	padding-bottom: 10px
}

.arc-toolbar .share-tool-bar .share-box .share-left .share-time *
{
	display: none;
	vertical-align: middle
}

.arc-toolbar .share-tool-bar .share-box .share-left .share-time input[type='text']
{
	width: 60px;
	text-align: center
}

.arc-toolbar .share-tool-bar .share-box .share-left .share-address
{
	line-height: 20px;
	margin-bottom: 16px;
	zoom: 1
}

.arc-toolbar .share-tool-bar .share-box .share-left .share-address:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.arc-toolbar .share-tool-bar .share-box .share-left .share-address.last
{
	margin-bottom: 0
}

.arc-toolbar .share-tool-bar .share-box .share-left .share-address .address-copy
{
	margin-left: -1px;
	line-height: 20px;
	width: 40px;
	cursor: pointer;
	background: #00a1d6;
	text-align: center;
	color: #fff;
	font-size: 12px
}

.arc-toolbar .share-tool-bar .share-box .share-left .share-address .address-copy.hover
{
	background-color: #00b5e5
}

.arc-toolbar .share-tool-bar .share-box .share-left .share-address *
{
	float: left
}

.arc-toolbar .share-tool-bar .share-box .share-left .share-address label
{
	width: 62px;
	font-size: 13px
}

.arc-toolbar .share-tool-bar .share-box .share-right
{
	border-left: 1px solid #e5e9ef;
	float: left;
	padding: 0 35px;
	text-align: center;
	width: 154px
}

.arc-toolbar .break-line
{
	margin: 30px 40px 0 0;
	float: left;
	height: 18px;
	border-right: 2px solid #ccd0d7
}

.arc-toolbar .block.fav .t-right
{
	width: 48px
}

.arc-toolbar .block.coin .t-right
{
	width: 48px
}

.arc-toolbar .block.watch-later
{
	padding: 0 22px 0 0
}

.arc-toolbar .block.watch-later .t-right
{
	width: 80px
}

.arc-toolbar .block.watch-later.on .b-icon-anim-watch-later
{
	background-position: -960px 0!important
}

.arc-toolbar .block.app
{
	padding: 0 10px 0 0;
	display: none
}

.widescreen .arc-toolbar .block.app
{
	display: block
}

.widescreen .arc-toolbar .block.app
{
	display: block
}

.arc-tool-bar
{
	background: #fff;
	color: #444;
	border: 1px solid #ddd;
	border-radius: 4px;
	zoom: 1
}

.arc-tool-bar.topic
{
	margin: 30px auto 0;
	width: 978px
}

.widescreen .arc-tool-bar.topic
{
	width: 1158px
}

.player-wrapper .arc-tool-bar
{
	width: 978px;
	margin: 0 auto
}

.widescreen .player-wrapper .arc-tool-bar
{
	width: 1158px
}

.arc-tool-bar:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.arc-tool-bar .block
{
	height: 50px;
	line-height: 50px;
	border-right: 1px solid #ddd;
	float: left;
	padding: 0 20px;
	position: relative
}

.arc-tool-bar .block span
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size: 14px
}

.arc-tool-bar .block .t
{
	float: left
}

.arc-tool-bar .share .t
{
	padding-left: 20px;
	background: url(/images/v3images/icons2.png) 0 -1347px no-repeat
}

.arc-tool-bar .fav
{
	border: 0
}

.arc-tool-bar .app
{
	float: right;
	border-left: 1px solid #ddd;
	border-right: 0;
	position: relative;
	padding: 0
}

.arc-tool-bar .app .app-link
{
	display: block;
	color: #222;
	padding: 0 15px 0 85px
}

.arc-tool-bar .app .app-link:hover
{
	color: #00a1d6
}

.arc-tool-bar .app .app-link .icon
{
	position: absolute;
	top: -15px;
	left: 3px
}

.arc-tool-bar .app .qr-code-box
{
	display: none;
	position: absolute;
	width: 130px;
	border: 1px solid #ddd;
	background: #fff;
	top: 50px;
	left: -1px;
	z-index: 999;
	text-align: center;
	cursor: default;
	padding: 0 0 10px 0;
	line-height: normal
}

.arc-tool-bar .app .qr-code-box .qr-code
{
	width: 100px;
	height: 100px;
	margin: 10px auto
}

.arc-tool-bar .app .qr-code-box img.code-img
{
	width: 100px;
	margin: 10px auto 5px;
	display: block
}

.arc-tool-bar .app .qr-code-box a
{
	color: #222;
	line-height: 14px;
	text-align: center
}

.arc-tool-bar .app .qr-code-box a:hover
{
	color: #00a1d6
}

.arc-tool-bar .app .qr-code-box
{
	width: 260px
}

.arc-tool-bar .app .qr-code-box .qr-code-box-inner
{
	width: 130px;
	height: 100%;
	float: left
}

.arc-tool-bar .app .qr-code-box .qr-code
{
	margin: 15px;
	margin-bottom: 10px
}

.arc-tool-bar .app .qr-code-box .qr-code-box-decipline
{
	background-color: #eee;
	width: 1px;
	height: 80px;
	float: left;
	margin-top: 20px;
	margin-right: 15px
}

.arc-tool-bar .app .qr-code-box .qr-code-box-client
{
	width: 100px;
	float: left;
	margin-top: 15px
}

.arc-tool-bar .app .qr-code-box .qr-code-box-client .qr-client-link
{
	border: 1px solid #eee;
	border-radius: 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	clear: both;
	padding: 2px 5px;
	width: 90px;
	vertical-align: middle;
	height: 20px;
	margin-bottom: 11px;
	line-height: 16px;
	text-align: left;
	color: #444
}

.arc-tool-bar .app .qr-code-box .qr-code-box-client .qr-client-link:hover
{
	background-color: #eee
}

.arc-tool-bar .app .qr-code-box .qr-code-box-client .qr-client-word
{
	font-size: 12px;
	vertical-align: middle;
	padding-left: 2px;
	line-height: 20px
}

.arc-tool-bar .app .qr-code-box .qr-client-para
{
	margin-top: -1px
}

.client-icons
{
	background: transparent url(/images/v3images/app_icons.png) no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.client-icons.icon1
{
	background-position: 0 0
}

.client-icons.icon2
{
	background-position: 0 -36px
}

.client-icons.icon3
{
	background-position: 0 -72px
}

.arc-tool-bar .score
{
	float: right;
	border-left: 1px solid #ddd;
	border-right: 0;
	padding-right: 0
}

.arc-tool-bar .score .score-loading
{
	float: left;
	margin-left: 10px
}

.arc-tool-bar .score .star_wrapper
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-left: 15px
}

.arc-tool-bar .fav_btn
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 100%;
	vertical-align: top;
	color: #222
}

.arc-tool-bar .fav_btn .icon
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 30px;
	height: 100%;
	background: url(/images/v3images/icons2.png) 1px -516px no-repeat;
	vertical-align: top
}

.arc-tool-bar .fav_btn:hover .icon
{
	background-position: 1px -569px
}

.arc-tool-bar .fav_btn .txt
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	margin-left: 10px;
	font-size: 14px;
	vertical-align: top
}

.arc-tool-bar .share-list
{
	float: left;
	padding: 5px
}

.arc-tool-bar .share-list .share-btn
{
	width: 40px;
	height: 40px;
	background: url(/images/v3images/sharepic.png) no-repeat;
	cursor: pointer;
	float: left;
	margin-left: 15px;
	transition: .2s all linear;
	position: relative
}

.arc-tool-bar .share-list .share-btn .share-weixin
{
	background: #fff;
	position: absolute;
	top: 45px;
	left: -49px;
	z-index: 1000;
	padding: 15px 15px 10px;
	border: 1px solid #ddd;
	cursor: default;
	visibility: hidden;
	opacity: 0;
	transition: .2s
}

.arc-tool-bar .share-list .share-btn#btn_weixin:hover .share-weixin
{
	visibility: visible;
	opacity: 1
}

.arc-tool-bar .share-list .share-btn .share-weixin .qr-code
{
	width: 100px;
	height: 100px
}

.arc-tool-bar .share-list .share-btn .share-weixin .qr-code canvas
{
	width: 100px!important;
	height: 100px!important
}

.arc-tool-bar .share-list .share-btn .share-weixin p
{
	height: 20px;
	line-height: 20px;
	margin-top: 5px;
	text-align: center
}

.arc-tool-bar .share-list .share-btn#btn_weibo
{
	background-position: 0 2px
}

.arc-tool-bar .share-list .share-btn#btn_weibo:hover
{
	background-position: 0 -63px
}

.arc-tool-bar .share-list .share-btn#btn_qqweibo
{
	background-position: 0 -128px
}

.arc-tool-bar .share-list .share-btn#btn_qqweibo:hover
{
	background-position: 0 -193px
}

.arc-tool-bar .share-list .share-btn#btn_weixin
{
	background-position: 0 -518px
}

.arc-tool-bar .share-list .share-btn#btn_weixin:hover
{
	background-position: 0 -583px
}

.arc-tool-bar .share-list .share-btn#btn_qqzone
{
	background-position: 0 -258px
}

.arc-tool-bar .share-list .share-btn#btn_qqzone:hover
{
	background-position: 0 -323px
}

.arc-tool-bar .share-list .share-btn#bdshare,.arc-tool-bar .share-list .share-btn#btn_baidu
{
	background-position: 0 -388px
}

.arc-tool-bar .share-list .share-btn#bdshare a,.arc-tool-bar .share-list .share-btn#btn_baidu a
{
	height: 100%;
	width: 100%;
	padding: 0;
	background: 0
}

.arc-tool-bar .share-list .share-btn#bdshare:hover,.arc-tool-bar .share-list .share-btn#btn_baidu:hover
{
	background-position: 0 -453px
}

.arc-tool-bar .rate-frm
{
	float: left
}

.arc-tool-bar #rate_btnLogin
{
	float: left;
	font-size: 14px;
	margin: -1px 20px 0;
	display: none
}

.arc-tool-bar .rate-frm .rate-slt
{
	font-size: 14px
}

.arc-tool-bar .rate-frm .rate-slt li
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin: 7px 10px;
	padding: 2px 5px 2px 30px;
	height: 28px;
	line-height: 30px;
	border: 2px solid #fff;
	cursor: pointer;
	background: url(/images/v3images/icons2.png) no-repeat;
	position: relative;
	transition: .1s;
	min-width: 30px
}

.arc-tool-bar .rate-frm .rate-slt li:hover
{
	background-color: #f5f5f5
}

.arc-tool-bar .rate-frm .rate-slt li#r100
{
	background-position: 7px -625px
}

.arc-tool-bar .rate-frm .rate-slt li#r2
{
	background-position: 7px -735px
}

.arc-tool-bar .rate-frm .rate-slt li.on
{
	background-color: #fff;
	border: 2px solid #00a1d6
}

.arc-tool-bar .rate-frm .rate-slt li .arrow
{
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
	width: 10px;
	height: 10px;
	background: url(/images/v3images/icons2.png) 0 -947px no-repeat;
	display: none
}

.arc-tool-bar .rate-frm .rate-slt li.on .arrow
{
	display: block
}

.arc-tool-bar .rate-frm .info
{
	position: absolute;
	top: 50px;
	background: #fff;
	right: -1px;
	border: 1px solid #ddd;
	width: 425px;
	z-index: 9999;
	font-size: 14px;
	display: none
}

.arc-tool-bar .rate-frm .info .msgbox
{
	padding: 10px 10px;
	overflow: hidden;
	border-bottom: 1px solid #ddd
}

.arc-tool-bar .rate-frm .info .msgbox span,.arc-tool-bar .rate-frm .info .msgbox .r-btn
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	height: 24px;
	line-height: 23px
}

.arc-tool-bar .rate-frm .info .msgbox .r-btn
{
	padding: 0 10px;
	margin-left: 10px;
	text-align: center;
	cursor: pointer
}

.arc-tool-bar .rate-frm .info .msgbox .r-btn.cancel:hover
{
	background: #ddd
}

.arc-tool-bar .rate-frm .info .user
{
	padding: 0 10px
}

.arc-tool-bar .rate-frm .info .user span
{
	margin-right: 20px
}

.arc-tool-bar .stowbox
{
	position: absolute;
	z-index: 9999;
	top: 50px;
	left: -1px;
	width: 390px;
	border: 1px solid #ddd;
	background: #fff;
	display: none;
	padding-bottom: 15px
}

.arc-tool-bar .stowbox input,.arc-tool-bar .stowbox span,.arc-tool-bar .stowbox input,.arc-tool-bar .stowbox label,.arc-tool-bar .stowbox small,.arc-tool-bar .stowbox select
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	height: 20px;
	line-height: 20px
}

.arc-tool-bar .stowbox .box
{
	padding: 10px
}

.arc-tool-bar .stowbox .box .box-block
{
	padding: 5px 0;
	height: 35px;
	line-height: 35px
}

.arc-tool-bar #mylist
{
	margin-left: 10px
}

.arc-tool-bar .stowbox input[type="radio"]
{
	margin: 0 5px
}

.arc-tool-bar .stowbox input[type="submit"]
{
	height: 25px;
	line-height: 23px;
	margin-left: 15px;
	float: left
}

.arc-tool-bar .stowbox .btn-block
{
	padding-top: 10px;
	overflow: hidden
}

.arc-tool-bar .stowbox .b-btn-cancel
{
	float: left;
	margin-left: 5px;
	height: 25px;
	line-height: 25px;
	padding: 0 5px
}

.arc-tool-bar .stowbox #new_mylist
{
	float: right;
	margin-right: 10px;
	cursor: pointer;
	height: 23px;
	line-height: 23px;
	padding: 0 5px
}

.arc-tool-bar .plus-num
{
	position: absolute;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	text-align: center;
	bottom: -20px
}

.arc-tool-bar .block.bp
{
	float: right;
	border-right: 0;
	border-left: 1px solid #ddd
}

.arc-tool-bar .block.bp .t
{
	font-size: 12px
}

.widescreen .b-page-body .arc-toolbar
{
	width: 1158px
}

.widescreen .arc-toolbar.topic
{
	width: 1158px
}

.bilibili-comment
{
	zoom: 1;
	min-height: 100px;
	background: #fff;
	padding: 0
}

.bilibili-comment:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.bilibili-comment.mobile
{
	padding: 0 10px
}

.bilibili-comment img
{
	border: 0
}

.bilibili-comment textarea
{
	resize: none
}

.bilibili-comment a
{
	outline: 0;
	color: #00a1d6;
	text-decoration: none;
	cursor: pointer
}

.bilibili-comment a:hover
{
	color: #f25d8e
}

.bilibili-comment a:focus
{
	-moz-outline-style: none
}

.bilibili-comment a img
{
	border: 0;
	width: 100%
}

.bilibili-comment a.b-btn
{
	color: #fff
}

.bilibili-comment a.b-btn.w
{
	color: #444
}

.bilibili-comment em,.bilibili-comment i
{
	font-style: normal;
	font-weight: normal
}

.bilibili-comment button
{
	border-radius: 4px;
	text-align: center;
	min-width: 60px
}

.bilibili-comment input[type=text]
{
	border-radius: 4px;
	background-color: #fff;
	color: #45484b;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: middle
}

.bilibili-comment .b-loading
{
	padding-bottom: 40px
}

.bilibili-comment .b-head .b-slt-tab
{
	margin-left: 10px
}

.bilibili-comment .b-head .results
{
	margin-left: 10px
}

.bilibili-comment .b-head input,.bilibili-comment .b-head label
{
	vertical-align: middle
}

.bilibili-comment .b-head #checkbox_miniplayer
{
	margin-left: 20px
}

.bilibili-comment ul.comm_list
{
	margin: 10px 0;
	clear: both
}

.bilibili-comment ul.comm_list>li
{
	border-bottom: 1px solid #e5e9ef
}

.bilibili-comment ul.comm_list>li:first-child
{
	border-top: 1px solid #e5e9ef
}

.bilibili-comment ul.comm_list .b-vip-emoji
{
	margin: 2px;
	vertical-align: text-bottom
}

.bilibili-comment ul li.main-floor
{
	margin-left: 85px;
	position: relative
}

.mobile.bilibili-comment ul li.main-floor
{
	margin-left: 70px
}

.bilibili-comment ul li
{
	padding: 22px 0 14px 0;
	zoom: 1
}

.bilibili-comment ul li .facebox
{
	position: absolute;
	left: -85px;
	width: 60px
}

.mobile.bilibili-comment ul li .facebox
{
	left: -70px
}

.bilibili-comment ul li .facebox img
{
	width: 48px;
	height: 48px;
	border-radius: 48px;
	margin: 0 auto;
	display: block;
	border: 1px solid #e5e9ef
}

.bilibili-comment ul li .facebox a
{
	position: relative;
	z-index: 1;
	zoom: 1
}

.bilibili-comment ul li .facebox .face_bg
{
	width: 86px;
	height: 86px;
	position: absolute;
	top: -18px;
	left: -13px;
	display: block;
	z-index: 2
}

.bilibili-comment ul li .facebox .face_bg img
{
	border: 0;
	border-radius: 0;
	width: 86px;
	height: 86px
}

.bilibili-comment li:after,.bilibili-comment .c_order:after,.bilibili-comment li .elinfo:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.bilibili-comment .c_order
{
	margin: 8px 0;
	border-bottom: 1px solid #e5e9ef;
	*zoom: 1
}

.bilibili-comment .c_order ul
{
	margin-bottom: -1px
}

.bilibili-comment .c_order ul li
{
	background-color: transparent;
	border-radius: 0;
	border: 0;
	padding: 8px 0;
	margin-left: 16px;
	margin-right: 16px;
	border-bottom: 1px solid transparent;
	position: relative
}

.bilibili-comment .c_order ul li a
{
	font-weight: bold;
	color: #222;
	font-size: 14px
}

.bilibili-comment .c_order ul li:hover a
{
	color: #00a1d6
}

.bilibili-comment .c_order ul li.on
{
	border-bottom: 1px solid #00a1d6
}

.bilibili-comment .c_order ul li.on:after
{
	content: '';
	width: 6px;
	height: 6px;
	background: transparent url('../images/icons.png') -858px -535px no-repeat;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
	visibility: visible
}

.bilibili-comment .c_order ul li.on a
{
	color: #00a1d6
}

.bilibili-comment .c_order .b-slt-tab
{
	float: left
}

.bilibili-comment .c_order .pagelistbox.small
{
	margin: 5px 0 0 0
}

.bilibili-comment ul li .t
{
	color: #222;
	line-height: 18px;
	padding-bottom: 4px
}

.bilibili-comment ul li .t>a
{
	font-weight: bold;
	color: #6d757a;
	vertical-align: middle;
	font-size: 12px
}

.bilibili-comment ul li .t>a:hover
{
	color: #00a1d6
}

.bilibili-comment ul li .t .approve
{
	background: url(/images/newcss/vertified-Ico.png) no-repeat left top;
	padding: 0 8px 1px 8px
}

.bilibili-comment ul li .t .lnum
{
	padding: 2px 5px;
	background: #bbb;
	color: #fff;
	border-radius: 3px;
	line-height: 12px;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.bilibili-comment ul li .t .member-nameplate
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	cursor: pointer;
	width: 32px;
	height: 32px
}

.bilibili-comment ul li .content
{
	line-height: 20px;
	padding: 2px 0;
	font-size: 14px;
	text-shadow: none;
	overflow: hidden;
	word-wrap: break-word
}

.bilibili-comment ul li .content .comm-top-stick
{
	margin-right: 6px;
	padding: 0 3px;
	font-size: 12px;
	line-height: 15px;
	color: #ff81aa;
	border: 1px solid;
	border-radius: 2px;
	cursor: default
}

.bilibili-comment ul li .content .quote
{
	margin: 16px auto;
	background: #f4f5f7;
	border: 1px solid #e5e9ef;
	border-radius: 4px;
	padding: 10px;
	overflow: auto
}

.bilibili-comment ul li .content .quote .t
{
	width: 100%
}

.bilibili-comment ul li .content .quote .t a
{
	padding-left: 5px
}

.bilibili-comment ul li .content .quote .content
{
	width: 100%;
	color: #6d757a
}

.bilibili-comment ul li .content .nce
{
	color: #39C;
	word-wrap: break-word
}

.bilibili-comment ul li .elinfo
{
	color: #99a2aa;
	line-height: 26px;
	zoom: 1
}

.bilibili-comment ul li .elinfo .ico
{
	cursor: default;
	padding: 3px 0 0 18px;
	margin-left: 10px;
	background: url(/images/v3images/video_pics.png) 100px 100px no-repeat;
	color: #99a2aa;
	display: none
}

.bilibili-comment ul li .elinfo .ico.Android
{
	display: inline;
	background-position: 0 -206px
}

.bilibili-comment ul li .elinfo .ico.WP
{
	display: inline;
	background-position: 0 -236px
}

.bilibili-comment ul li .elinfo .floor-num
{
	padding-right: 10px
}

.bilibili-comment ul li .elinfo .floor-date,.bilibili-comment ul li .elinfo .floor-plat
{
	padding: 0 10px
}

.bilibili-comment ul li .elinfo .floor-num,.bilibili-comment ul li .elinfo .floor-date,.bilibili-comment ul li .elinfo .floor-plat
{
	float: left;
	color: #aaa
}

.bilibili-comment ul li .elinfo .floor-num a,.bilibili-comment ul li .elinfo .floor-date a,.bilibili-comment ul li .elinfo .floor-plat a
{
	color: #aaa
}

.bilibili-comment ul li .elinfo .floor-num a:hover,.bilibili-comment ul li .elinfo .floor-date a:hover,.bilibili-comment ul li .elinfo .floor-plat a:hover
{
	color: #00a1d6
}

.bilibili-comment ul li .elinfo .iPhone,.bilibili-comment ul li .elinfo .iPad,.bilibili-comment ul li .elinfo .iOS
{
	display: inline;
	background-position: 0 -163px
}

.bilibili-comment ul li .elinfo i
{
	float: left;
	color: #99a2aa;
	line-height: 26px
}

.bilibili-comment ul li .elinfo i a
{
	color: #99a2aa;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 0 0 15px;
	border-radius: 4px;
	padding: 0 5px
}

.bilibili-comment ul li .elinfo i a:hover
{
	color: #00a1d6;
	background: #e5e9ef
}

.bilibili-comment ul li .elinfo i a:hover b
{
	color: #00a1d6
}

.bilibili-comment ul li .elinfo i a.zan,.bilibili-comment ul li .elinfo i a.huifu
{
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.bilibili-comment ul li .elinfo i a.huifu.reply-b
{
	color: #00a1d6
}

.bilibili-comment ul li .elinfo i a b
{
	color: #99a2aa;
	font-weight: normal
}

.bilibili-comment ul li .elinfo .hidefb,.bilibili-comment ul li .elinfo .jubao
{
	display: none
}

.bilibili-comment ul li:hover .elinfo .hidefb,.bilibili-comment ul li:hover .elinfo .jubao
{
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.bilibili-comment.mobile ul li:hover .elinfo .hidefb,.bilibili-comment.mobile ul li:hover .elinfo .jubao
{
	display: none
}

.bilibili-comment.mobile ul li .elinfo i
{
	text-align: right
}

.bilibili-comment #textarea_size_tester
{
	white-space: nowrap;
	z-index: -999;
	position: absolute;
	border: 1px none;
	opacity: 0;
	visibility: hidden;
	font-size: 14px;
	padding: 5px
}

.bilibili-comment #dcmp_textarea_container
{
	position: relative;
	margin-left: 85px;
	margin-right: 102px
}

.bilibili-comment #dcmp_textarea_container .ui-autocomplete
{
	z-index: 200!important
}

.bilibili-comment #dcmp_textarea_container .login-link-wrp
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 52px;
	line-height: 51px;
	text-align: center;
	padding: 5px 10px;
	border: 1px solid #e5e9ef;
	border-radius: 4px;
	background-color: #e5e9ef;
	color: #777;
	z-index: 2
}

.bilibili-comment #dcmp_textarea_container .login-link-wrp .login-link
{
	padding: 4px 9px;
	margin: 0 3px;
	border: 0
}

.bilibili-comment #dcmp_textarea_container .login-link-wrp .login-link:hover
{
	border: 0
}

.bilibili-comment #dcmp_textarea_container button
{
	width: 70px;
	height: 64px;
	position: absolute;
	right: -102px;
	top: 0;
	padding: 4px 15px;
	font-size: 14px;
	color: #fff
}

.bilibili-comment #dcmp_textarea_container button.disabled
{
	cursor: default
}

.bilibili-comment #dcmp_textarea_container .b-icon-triangle-gray-left
{
	position: absolute;
	left: -12px;
	top: 22px
}

.mobile.bilibili-comment #dcmp_textarea_container .b-icon-triangle-gray-left
{
	display: none
}

.bilibili-comment #dcmp_textarea_container.hover .b-icon-triangle-gray-left
{
	background-position: -841px -1046px
}

.bilibili-comment #dcmp_textarea_container.focus .b-icon-triangle-gray-left
{
	background-position: -841px -1046px
}

.bilibili-comment #dcmp_textarea_container.disabled .b-icon-triangle-gray-left
{
	background-position: -841px -1174px
}

.bilibili-comment #dcmp_textarea_container.error .b-icon-triangle-gray-left
{
	background-position: -841px -1110px
}

.bilibili-comment #dcmp_textarea_container.error textarea
{
	background-color: #fff
}

.bilibili-comment.mobile #dcmp_textarea_container
{
	width: auto;
	margin-left: 0
}

.bilibili-comment.mobile .ipt-txt
{
	width: 100%!important
}

.bilibili-comment.mobile .tg_send_post .ywz-wrapper
{
	display: none
}

.bilibili-comment .tg_send_post .ywz-wrapper
{
	position: relative;
	float: left
}

.bilibili-comment .tg_send_post .ywz
{
	display: block;
	padding: 0;
	width: 66px;
	height: 24px;
	color: #99a2aa;
	border: 1px solid #e5e9ef;
	border-radius: 4px;
	position: relative;
	left: 0;
	top: 0;
	z-index: 101;
	font-size: 12px;
	text-align: center
}

.bilibili-comment .tg_send_post .ywz:hover
{
	color: #6d757a
}

.bilibili-comment .tg_send_post .ywz.open
{
	color: #6d757a
}

.bilibili-comment .tg_send_post .ywz:hover i,.bilibili-comment .tg_send_post .ywz.open i
{
	background-position: -88px -24px
}

.bilibili-comment .tg_send_post .ywz i
{
	margin: 4px 5px 4px 0;
	width: 16px;
	height: 16px;
	background: url("/images/base/icons-emoji.png") no-repeat -24px -24px
}

.bilibili-comment .tg_send_post .ywz i,.bilibili-comment .tg_send_post .ywz span
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	line-height: 1
}

.bilibili-comment .comm_send
{
	*overflow: visible;
	*padding-bottom: 10px;
	margin-bottom: 30px;
	clear: both
}

.bilibili-comment .dcmp_title
{
	font-size: 12px;
	float: right;
	margin: 4px 0 5px 0;
	color: #dadada
}

.bilibili-comment .dcmp_title small
{
	font-size: 12px;
	color: #dadada
}

.bilibili-comment .ipt-txt
{
	font-size: 12px;
	background-color: #f4f5f7;
	border: 1px solid #e5e9ef;
	overflow: auto;
	border-radius: 4px;
	color: #555;
	width: 100%!important;
	height: 52px;
	transition: 0s
}

.bilibili-comment .ipt-txt:hover,.bilibili-comment .ipt-txt:focus
{
	background-color: #fff
}

.bilibili-comment .dcmp_content
{
	position: relative;
	clear: both;
	zoom: 1;
	margin-top: 24px;
	*z-index: 100
}

.bilibili-comment .dcmp_content:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.bilibili-comment .dcmp_content .user_face
{
	float: left;
	position: absolute;
	top: 7px;
	left: 6px;
	width: 48px;
	height: 48px;
	margin: 0;
	border: 1px solid #ddd;
	border-radius: 48px
}

.bilibili-comment .dcmp_content .user_face img
{
	width: 100%;
	height: 100%;
	border-radius: 48px
}

.bilibili-comment .dcmp_content .user_face .face_bg
{
	width: 86px;
	height: 86px;
	position: absolute;
	top: -19px;
	left: -19px;
	display: block
}

.bilibili-comment .dcmp_content .user_face .face_bg img
{
	border: 0;
	border-radius: 0;
	width: 86px;
	height: 86px
}

.bilibili-comment .dcmp_content .btn
{
	background: #efefef;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #666;
	text-align: center;
	min-width: 60px
}

.bilibili-comment .dcmp_content .btn :hover
{
	background: #359ccb;
	color: #fff
}

.bilibili-comment.mobile .dcmp_content .user_face
{
	display: none
}

.bilibili-comment .tg_send_post .biaoqing_box
{
	display: none;
	overflow: visible;
	background: #fff;
	border: 1px solid #ccd0d7;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
	margin-top: 7px;
	margin-bottom: 10px;
	border-radius: 4px;
	width: 386px;
	float: left;
	position: absolute;
	top: 25px;
	z-index: 103
}

.bilibili-comment .tg_send_post .biaoqing_box.open
{
	display: block
}

.bilibili-comment .tg_send_post .biaoqing_box:before
{
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 30px;
	width: 8px;
	height: 5px;
	background: url("/images/v3images/arrow.png") 0 -49px no-repeat
}

.bilibili-comment .tg_send_post .emoji-hinter
{
	margin: 8px 18px 0;
	color: #99a2aa
}

.bilibili-comment .tg_send_post .emoji-hinter .b-vip-red
{
	color: #fb7299
}

.bilibili-comment .tg_send_post .emoji-wrap
{
	margin: 4px 8px 8px 8px;
	height: 152px;
	overflow: auto
}

.bilibili-comment .tg_send_post .emoji-wrap::-webkit-scrollbar
{
	width: 4px
}

.bilibili-comment .tg_send_post .emoji-wrap::-webkit-scrollbar-track
{
	background-color: #e5e9ef;
	border-radius: 2px;
	margin: 6px 0
}

.bilibili-comment .tg_send_post .emoji-wrap::-webkit-scrollbar-thumb
{
	background-color: #aab1ba;
	border-radius: 2px
}

.bilibili-comment .tg_send_post .emoji-wrap a
{
	color: #111;
	float: left;
	border-radius: 4px;
	transition: background .2s;
	display: block;
	padding: 3px 5px;
	margin: 2px 3px;
	height: 14px;
	line-height: 14px
}

.bilibili-comment .tg_send_post .emoji-wrap a:hover
{
	background: #ddd
}

.bilibili-comment .tg_send_post .emoji-wrap img
{
	margin: 5px;
	width: 40px;
	height: 40px;
	cursor: pointer
}

.bilibili-comment .tg_send_post .emoji-tabs
{
	position: relative;
	height: 38px;
	overflow: hidden;
	background-color: #f4f5f7;
	border-radius: 0 0 4px 4px
}

.bilibili-comment .tg_send_post .emoji-tabs.on
{
	background-color: #fff
}

.bilibili-comment .tg_send_post .emoji-tabs .tabs-wrap
{
	width: 322px;
	overflow: hidden
}

.bilibili-comment .tg_send_post .emoji-tabs .tab-nowrap
{
	position: relative;
	width: auto
}

.bilibili-comment .tg_send_post .emoji-tabs .tab-slider
{
	position: absolute;
	right: 14px;
	top: 8px;
	width: 32px;
	height: 22px
}

.bilibili-comment .tg_send_post .emoji-tabs .tab-slider span
{
	float: left;
	width: 16px;
	height: 22px;
	background-image: url("/images/base/icons-emoji.png");
	background-repeat: no-repeat
}

.bilibili-comment .tg_send_post .emoji-tabs .tab-slider .prev
{
	background-position: -152px -216px;
	cursor: default
}

.bilibili-comment .tg_send_post .emoji-tabs .tab-slider .prev.on
{
	background-position: -24px -216px;
	cursor: pointer
}

.bilibili-comment .tg_send_post .emoji-tabs .tab-slider .prev.on:hover
{
	background-position: -88px -216px
}

.bilibili-comment .tg_send_post .emoji-tabs .tab-slider .next
{
	background-position: -152px -149px;
	cursor: default
}

.bilibili-comment .tg_send_post .emoji-tabs .tab-slider .next.on
{
	background-position: -24px -149px;
	cursor: pointer
}

.bilibili-comment .tg_send_post .emoji-tabs .tab-slider .next.on:hover
{
	background-position: -88px -149px
}

.bilibili-comment .tg_send_post .emoji-tabs .emoji-tab
{
	float: left;
	padding: 8px 12px;
	width: 22px;
	height: 22px
}

.bilibili-comment .tg_send_post .emoji-tabs .emoji-tab.on
{
	background-color: #fff
}

.bilibili-comment .tg_send_post .emoji-tabs .emoji-tab img
{
	width: 22px;
	heigth: 22px
}

.bilibili-comment .dcmp_post
{
	padding: 5px 0 0 0;
	*width: 612px
}

.bilibili-comment .dcmp_post:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.bilibili-comment .dcmp_post button
{
	padding: 5px 0;
	width: 100px;
	cursor: pointer;
	margin: 0
}

.bilibili-comment .dcmp_post ._qure
{
	display: inline-block;
	margin-right: 10px
}

.bilibili-comment .dcmp_post .dcmp_userinfo
{
	float: right
}

.bilibili-comment .dcmp_post .dcmp_userinfo #fb_vcode
{
	margin-right: 10px;
	height: 22px
}

.bilibili-comment .dcmp_post .dcmp_userinfo img
{
	margin-right: 10px
}

.bilibili-comment .dcmp_post .dcmp_userinfo .jc-help
{
	line-height: 27px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	color: #222
}

.bilibili-comment .dcmp_post .dcmp_userinfo .jc-help:hover
{
	color: #00a1d6
}

.bilibili-comment .dcmp_post .dcmp_userinfo .jc-help .b-tip.jc
{
	background: url(/images/v3images/icons_up.png) -76px -75px no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: text-top;
	margin-right: 5px
}

.bilibili-comment .ipt-txt.jc-notice
{
	text-align: center;
	line-height: 75px;
	background-color: #fbfbfb
}

.bilibili-comment .ipt-txt.jc-notice a
{
	color: #f25d8e;
	margin-left: 5px
}

.bilibili-comment .ipt-txt.jc-notice a :hover
{
	color: #00a1d6
}

.bilibili-comment .reply
{
	border-radius: 4px;
	padding: 0 10px 0 0;
	clear: both
}

.bilibili-comment .reply.empty
{
	display: none
}

.bilibili-comment .reply.empty .re_ul
{
	display: none
}

.bilibili-comment .reply.empty .re_box
{
	display: none
}

.mobile.bilibili-comment .reply
{
	padding: 0
}

.bilibili-comment .reply ul.re_ul li
{
	padding: 10px 0 10px 0;
	border-bottom: 0
}

.bilibili-comment .reply ul.re_ul li.hidden
{
	display: none
}

.bilibili-comment .reply ul.re_ul li .re_face
{
	float: left;
	padding-top: 4px
}

.bilibili-comment .reply ul.re_ul li .re_face img
{
	width: 24px;
	height: 24px;
	border-radius: 40px
}

.bilibili-comment .reply ul.re_ul li .re_cnt
{
	zoom: 1;
	margin-left: 32px
}

.bilibili-comment .reply ul.re_ul li .re_cnt .w
{
	padding-right: 60px;
	padding-bottom: 4px
}

.bilibili-comment .reply ul.re_ul li .re_cnt .w a
{
	color: #6d757a;
	font-size: 12px;
	font-weight: bold
}

.bilibili-comment .reply ul.re_ul li .re_cnt .w a:hover
{
	color: #00a1d6
}

.bilibili-comment .reply ul.re_ul li .re_cnt .content
{
	padding: 0;
	padding-left: 12px;
	word-wrap: break-word;
	word-break: break-all
}

.bilibili-comment .reply ul.re_ul li .re_cnt .info
{
	overflow: hidden
}

.bilibili-comment .reply ul.re_ul li .re_cnt .info p
{
	float: left;
	line-height: 18px
}

.bilibili-comment .reply ul.re_ul li .re_cnt .info a
{
	float: left;
	color: #99a2aa;
	margin-left: 15px;
	border-radius: 4px;
	padding: 0 5px
}

.bilibili-comment .reply ul.re_ul li .re_cnt .info a:hover
{
	color: #00a1d6;
	background: #efefef
}

.bilibili-comment .reply ul.re_ul li .re_cnt .info a:hover b
{
	color: #00a1d6
}

.bilibili-comment .reply ul.re_ul li .re_cnt .info a.zan:hover span
{
	color: #00a1d6
}

.bilibili-comment .reply ul.re_ul li .re_cnt .info a.re_ta
{
	color: #99a2aa
}

.bilibili-comment .reply ul.re_ul li .re_cnt .info a.re_ta:hover
{
	color: #00a1d6
}

.bilibili-comment .reply ul.re_ul li .re_cnt .info a.zan,.bilibili-comment .reply ul.re_ul li .re_cnt .info a.re_ta
{
	display: inline-block;
	float: none
}

.bilibili-comment .reply ul.re_ul li .re_cnt .info a.jubao,.bilibili-comment .reply ul.re_ul li .re_cnt .info a.hidefb,.bilibili-comment .reply ul.re_ul li .re_cnt .info a.showfb
{
	float: none;
	display: none
}

.bilibili-comment .reply ul.re_ul li .re_cnt .info a b
{
	color: #99a2aa;
	font-weight: normal
}

.bilibili-comment .reply ul.re_ul li .re_cnt .info .floor-date,.bilibili-comment .reply ul.re_ul li .re_cnt .info .floor-plat
{
	float: left;
	color: #99a2aa
}

.bilibili-comment .reply ul.re_ul li .re_cnt .info .floor-date a,.bilibili-comment .reply ul.re_ul li .re_cnt .info .floor-plat a
{
	color: #99a2aa
}

.bilibili-comment .reply ul.re_ul li .re_cnt .info .floor-date a:hover,.bilibili-comment .reply ul.re_ul li .re_cnt .info .floor-plat a:hover
{
	color: #00a1d6
}

.bilibili-comment .reply ul.re_ul li .re_cnt:hover .info a.jubao,.bilibili-comment .reply ul.re_ul li .re_cnt:hover .info a.hidefb,.bilibili-comment .reply ul.re_ul li .re_cnt:hover .info a.showfb
{
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.bilibili-comment .reply .re_box
{
	overflow: hidden;
	line-height: 24px
}

.bilibili-comment .reply .re_box .re_more
{
	height: 24px
}

.bilibili-comment .reply .re_box .re_more .re_more_s
{
	padding: 1px 4px;
	border-radius: 4px;
	color: #00a1d6
}

.bilibili-comment .reply .re_box .re_more .re_more_s:hover
{
	color: #00a1d6;
	background-color: #e5e9ef
}

.bilibili-comment .reply .re_box .re_more span
{
	color: #6d757a
}

.bilibili-comment .reply .re_box .re_more span b
{
	color: #6d757a
}

.bilibili-comment .reply .re_box .j_re
{
	float: right
}

.bilibili-comment .reply .re_box .re_page
{
	overflow: hidden
}

.bilibili-comment .reply .re_box .re_page .pagelistbox
{
	height: auto;
	margin: 0;
	float: none
}

.bilibili-comment .reply .re_send
{
	margin: 10px 5px;
	display: none;
	clear: both
}

.bilibili-comment .reply .dcmp_title
{
	margin-right: 50px
}

.bilibili-comment .reply .dcmp_post
{
	*max-width: 512px
}

.bilibili-comment .reply .tg_send_post
{
	width: auto
}

.bilibili-comment .user-info-level
{
	margin-left: 7px;
	margin-right: 7px;
	width: 24px;
	height: 12px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-image: url(/images/v3images/Level-icons.png)
}

.bilibili-comment .user-info-level.l0
{
	background-position: -78px -11px
}

.bilibili-comment .user-info-level.l1
{
	background-position: -78px -47px
}

.bilibili-comment .user-info-level.l2
{
	background-position: -78px -83px
}

.bilibili-comment .user-info-level.l3
{
	background-position: -78px -119px
}

.bilibili-comment .user-info-level.l4
{
	background-position: -78px -155px
}

.bilibili-comment .user-info-level.l5
{
	background-position: -78px -191px
}

.bilibili-comment .user-info-level.l6
{
	background-position: -78px -227px
}

.bilibili-comment.mobile ul li .elinfo i.report
{
	float: right
}

.bilibili-comment.mobile .reply .re_send
{
	margin: 0
}

.bilibili-comment.mobile .reply ul.re_ul li .re_cnt .w
{
	padding-right: 0
}

.bilibili-comment.mobile .reply ul.re_ul li .re_cnt .info p
{
	text-align: right;
	float: none
}

.bilibili-comment.mobile .reply ul.re_ul li .re_cnt .info a
{
	margin-left: 0
}

.bilibili-comment.mobile .reply ul.re_ul li:hover .re_cnt .info a.jubao,.bilibili-comment.mobile .reply ul.re_ul li:hover .re_cnt .info a.hidefb,.bilibili-comment.mobile .reply ul.re_ul li:hover .re_cnt .info a.showfb
{
	display: none
}

.bilibili-comment.mobile .reply ul.re_ul li .re_cnt .info .floor-date
{
	float: none;
	clear: both;
	display: block;
	text-align: left;
	margin: 0
}

.bilibili-comment.mobile .reply ul.re_ul li .re_cnt .info .floor-plat
{
	display: none
}

.bilibili-comment.mobile .reply .re_box .re_page
{
	clear: both
}

.bilibili-comment.mobile .reply .dcmp_title
{
	margin-right: 0
}

.bilibili-comment.mobile .pagelistbox .custom-right
{
	display: none
}

.widescreen .bilibili-comment .reply ul.re_ul li .re_cnt .w
{
	padding-right: 120px
}

.widescreen .bilibili-comment .reply .tg_send_post
{
	width: auto
}

.widescreen .bilibili-comment .reply .dcmp_post
{
	*max-width: 664px
}

.b-vip-backdrop
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: 20000
}

.b-vip-backdrop .b-vip-wrap
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -155px;
	margin-left: -175px;
	width: 350px;
	height: 310px;
	text-align: center;
	background-color: #fff;
	border-radius: 4px
}

.b-vip-backdrop .b-vip-close
{
	position: absolute;
	top: 6px;
	right: 12px;
	font-size: 26px;
	line-height: 1;
	color: #aaa;
	cursor: pointer
}

.b-vip-backdrop .b-vip-msg
{
	margin-top: 40px;
	font-size: 16px;
	color: #222
}

.b-vip-backdrop .b-vip-red
{
	color: #fb7299
}

.b-vip-backdrop .b-vip-img
{
	margin-top: 20px
}

.b-vip-backdrop .b-vip-pay
{
	margin-top: 28px
}

.b-vip-backdrop .b-vip-btn
{
	display: inline-block;
	color: #fff;
	font-size: 14px;
	width: 120px;
	height: 36px;
	line-height: 36px;
	border-radius: 4px;
	background-color: #fb7299
}

.b-vip-backdrop .b-vip-btn:hover
{
	background-color: #fb7299
}

.pagelistbox
{
	overflow: hidden;
	line-height: 40px;
	text-align: center;
	font-family: Arial;
	margin: 0 0 5px 0;
	display: block;
	width: 100%
}

.pagelistbox span,.pagelistbox a,.pagelistbox strong,.pagelistbox .custompage
{
	min-width: 15px;
	margin: 0 2px 0 2px;
	padding: 0 10px;
	float: left;
	font-size: 13px;
	display: block;
	height: 38px;
	line-height: 38px
}

.pagelistbox input[type="text"]
{
	color: #99a2aa;
	text-align: center;
	margin-left: 5px;
	width: 30px;
	border-radius: 4px
}

.pagelistbox .custom-right
{
	float: right
}

.pagelistbox .custom-right .custom-right-inner
{
	padding: 0 2px;
	font-size: 12px;
	color: #99a2aa;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.pagelistbox .custom-right .custom-right-inner.custompage
{
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	margin-top: 7px;
	font-size: 12px;
	box-shadow: none
}

.pagelistbox .p
{
	color: #222;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	background-color: #fff;
	border: solid 1px #ddd;
	background-image: none;
	transition: .2s all;
	font-size: 14px
}

.pagelistbox .p:hover
{
	background: #00a1d6;
	color: #fff;
	border: 1px solid #00a1d6
}

.pagelistbox .p.active
{
	background: #00a1d6;
	color: #fff;
	border: 1px solid #00a1d6
}

.pagelistbox .p.nextPage,.pagelistbox .p.prevPage
{
	padding: 0 15px
}

.pagelistbox strong
{
	display: block;
	border: 1px solid transparent;
	border-radius: 4px;
	font-weight: normal;
	font-size: 14px;
	font-weight: bold
}

.pagelistbox.small
{
	margin: 9px 0 7px 0;
	float: right;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	width: auto
}

.pagelistbox.small span
{
	font-size: 12px;
	height: 26px;
	line-height: 26px
}

.pagelistbox.small .result
{
	padding-left: 0
}

.pagelistbox.small .p
{
	font-size: 12px;
	color: #666;
	border: 0;
	padding: 0;
	height: 26px;
	line-height: 26px
}

.pagelistbox.small .p:hover
{
	background: transparent;
	color: #00a1d6;
	border: 0
}

.pagelistbox.small .p.active
{
	color: #00a1d6;
	font-weight: bold;
	background-color: transparent;
	border: 0
}

.pagelistbox.small .endPage,.pagelistbox.small .indexPage,.pagelistbox.small strong
{
	display: none
}

.mobile .pagelistbox .result
{
	display: none
}

.a-layer
{
	position: absolute;
	font-size: 12px;
	border: 1px solid #e5e9ef;
	background-color: #fff;
	z-index: 10000;
	border-radius: 4px;
	padding: 15px 20px;
	box-shadow: rgba(0,0,0,0.16) 0 2px 4px
}

.a-layer .content
{
	position: relative;
	width: 335px;
	zoom: 1
}

.a-layer .content:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.a-layer .content.border
{
	border-bottom: 1px solid #e0e6ed
}

.a-layer .content .user-face
{
	width: 48px;
	height: 48px;
	position: absolute;
	left: -3px;
	top: 92px;
	border: 2px solid #fff;
	overflow: hidden;
	border-radius: 48px;
	background-color: #fff;
	zoom: 1
}

.a-layer .content .user-face:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.a-layer .content .user-face img
{
	width: 100%;
	height: 100%
}

.a-layer .content .layer-row
{
	margin-bottom: 8px;
	margin-left: 64px;
	zoom: 1
}

.a-layer .content .layer-row:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.a-layer .content .layer-row i.b-icon
{
	display: block;
	float: left;
	margin-top: 1px;
	width: 16px;
	height: 16px;
	background: url('../images/icons.png') -280px -663px no-repeat
}

.a-layer .content .layer-row i.b-icon.sex
{
	background-position: -280px -1624px
}

.a-layer .content .layer-row i.b-icon.sex.male
{
	background-position: -280px -663px
}

.a-layer .content .layer-row i.b-icon.sex.female
{
	background-position: -280px -727px
}

.a-layer .content .layer-row i.b-icon.address
{
	background-position: -280px -792px
}

.a-layer .content .layer-row .address-wrp
{
	float: left;
	margin-left: 10px
}

.a-layer .content .layer-row a
{
	color: #99a2aa;
	text-decoration: none
}

.a-layer .content .layer-row a.user-name
{
	color: #333;
	font-weight: bold;
	font-size: 13px;
	float: left;
	margin-right: 5px
}

.a-layer .content .layer-row a.user-name:hover
{
	color: #00a1d6
}

.a-layer .content .layer-row a.verified
{
	background: url(/images/v3images/video_pics.png) 0 -39px no-repeat;
	padding: 2px 2px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.a-layer .content .layer-row a.layer-link
{
	color: #222;
	margin-right: 20px;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.a-layer .content .layer-row.sign
{
	color: #6d757a;
	word-break: break-word
}

.a-layer .content .verified-content
{
	display: inline-block;
	width: 250px;
	color: #fea15e;
	vertical-align: top;
	line-height: 16px
}

.a-layer .content .nameplate-image
{
	position: relative;
	height: 55px;
	padding-top: 5px;
	text-align: center
}

.a-layer .content .nameplate-status-wrp
{
	position: absolute;
	bottom: -9px;
	left: 0;
	text-align: center;
	width: 100%
}

.a-layer .content .nameplate-status-wrp .nameplate-status
{
	padding: 0 10px;
	font-size: 14px;
	color: #99a2aa;
	background-color: #fff
}

.a-layer .content .nameplate-name
{
	margin-top: 10px;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px
}

.a-layer .content .nameplate-description,.a-layer .content .nameplate-level,.a-layer .content .nameplate-description
{
	line-height: 20px;
	color: #99a2aa
}

.a-layer .content .nameplate-description span,.a-layer .content .nameplate-level span,.a-layer .content .nameplate-description span
{
	color: #222
}

.a-layer .content .nameplate-description.nameplate-description span,.a-layer .content .nameplate-level.nameplate-description span,.a-layer .content .nameplate-description.nameplate-description span
{
	word-wrap: break-word;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 280px;
	vertical-align: top
}

.a-layer .content.main
{
	padding-top: 110px
}

.a-layer .content .user-top-photo
{
	position: absolute;
	top: -15px;
	left: -20px;
	width: 375px;
	height: 120px;
	border-radius: 4px 4px 0 0;
	overflow: hidden
}

.a-layer .content .user-top-photo img
{
	width: 100%;
	height: 100%
}

.a-layer .user-pendant
{
	background: transparent url(/images/base/pendant-btn.png) no-repeat -154px -109px;
	width: 92px;
	height: 40px;
	position: absolute;
	display: none;
	top: -38px;
	left: 0
}

.a-layer .user-pendant:hover
{
	background-position: -154px -253px
}

.a-layer .layer-bottom
{
	text-align: center;
	padding-top: 12px
}

.a-layer .layer-bottom .layer-follow-btn
{
	vertical-align: middle;
	width: 80px;
	line-height: 24px;
	text-decoration: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 24px;
	transition: .1s background-color linear
}

.a-layer .layer-bottom .layer-follow-btn a
{
	display: block;
	color: #fff
}

.a-layer .layer-bottom .layer-message-btn
{
	vertical-align: middle;
	width: 80px;
	line-height: 24px;
	margin-right: 20px
}

.a-layer .layer-bottom .layer-nameplate-btn
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 24px;
	width: 100px
}

.type-desc
{
	background-color: #fff;
	line-height: 18px;
	position: absolute;
	max-width: 100%;
	top: 30px;
	left: 0;
	border-radius: 4px;
	border: 1px solid #e5e9ef;
	z-index: 10;
	transition: .2s;
	transition-property: transform,width;
	transform: scale(0.5);
	-webkit-transform: scale(0.5)
}

.type-desc .type-arrow
{
	position: absolute;
	top: -5px;
	height: 5px;
	width: 8px;
	background: url(/images/v3images/arrow.png) 0 -49px no-repeat
}

.type-desc .txt
{
	padding: 5px 15px;
	word-break: break-all;
	word-wrap: break-word
}

.type-desc.in
{
	transform: scale(1);
	-webkit-transform: scale(1)
}

.float-notice
{
	padding: 10px 0;
	width: 100%;
	position: fixed;
	z-index: 10055;
	background: url(/mobile/img/open-notice.png) 85% center no-repeat;
	background-color: #fff;
	box-shadow: #666 0 1px 2px;
	left: 0;
	top: 0;
	transition: top .3s
}

.float-notice .txt
{
	padding: 0 25% 0 15%;
	word-wrap: break-word
}

.float-notice .txt span
{
	color: #f25d8e
}

.float-notice.nobg
{
	background-image: none
}

.float-notice.nobg .txt
{
	padding: 0 10%
}

.float-notice .close
{
	position: absolute;
	right: 1%;
	bottom: 26%;
	text-align: center;
	width: 32px;
	background: url(/mobile/img/x.png) center center no-repeat;
	font-size: 3.5rem;
	background-size: 50%;
	height: 2rem;
	line-height: 1.5rem
}

.black-wrp
{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10055;
	background-color: rgba(0,0,0,0.5);
	left: 0;
	top: 0;
	display: table
}

.black-wrp .float-box-wrp
{
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle
}

.black-wrp .float-box-wrp .float-box
{
	margin: 0 auto;
	background: #fff;
	padding: 24px 20px;
	width: 40%;
	box-sizing: border-box;
	border-radius: 5px
}

.black-wrp .float-box-wrp .float-box .float-notice-title
{
	font-size: 1rem;
	line-height: 1.875rem
}

.black-wrp .float-box-wrp .float-box .float-notice-content
{
	font-size: .8rem;
	color: #999;
	margin-bottom: 20px
}

.black-wrp .float-box-wrp .float-box .float-notice-options
{
	padding: 0 1%
}

.black-wrp .float-box-wrp .float-box .float-notice-options .options-btn
{
	box-sizing: border-box;
	width: 40%;
	color: #333;
	line-height: 2.25rem;
	font-size: .8rem;
	border-radius: 6px;
	display: inline-block;
	margin: 0 3%;
	border: 1px solid #ddd
}

.black-wrp .float-box-wrp .float-box .float-notice-options .options-btn.float-notice-download
{
	color: #fff;
	border-color: #de698c;
	background-color: #de698c
}

.black-wrp .share-box
{
	position: absolute;
	bottom: 0;
	background: #fff;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 10px
}

.black-wrp .share-box .share-box-item
{
	width: 25%;
	float: left;
	display: inline-block;
	text-align: center;
	margin-bottom: 15px
}

.black-wrp .share-box .share-box-item div
{
	color: #333;
	font-size: .8rem;
	line-height: 1.875rem
}

.black-wrp .share-box .share-box-title
{
	font-size: 1rem;
	line-height: 40px;
	text-align: center
}

.black-wrp .share-box .share-box-content
{
	font-size: .8rem;
	color: #999;
	text-align: center
}

.black-wrp .share-box .share-box-cancel
{
	border: 1px solid #ddd;
	border-radius: 5px;
	width: 100%;
	display: block;
	line-height: 2.5rem;
	color: #999;
	font-size: .8rem;
	text-align: center;
	margin-top: 30px
}

.black-wrp .share-box.wx
{
	background: rgba(0,0,0,0.5) url(/mobile/img/wx_guide.png) top center no-repeat;
	background-size: 100% 100%
}

.black-wrp .share-box.weibo
{
	background: rgba(0,0,0,0.5) url(/mobile/img/weibo_guide.png) top center no-repeat;
	background-size: 100% 100%
}

.black-wrp .share-box.appl
{
	background: rgba(0,0,0,0.5) url(/mobile/img/app_guide.png) top center no-repeat;
	background-size: 100% 100%
}

.b-app-dl-wrp
{
	display: none;
	overflow: hidden;
	box-shadow: 0 1px 2px #ddd;
	background: #de698c;
	opacity: .85;
	margin: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 32
}

.b-app-dl-wrp .b-app-dl
{
	background: transparent;
	border-radius: 3px;
	padding-top: 0;
	height: 75px;
	padding-left: 75px;
	position: relative;
	display: block
}

.b-app-dl-wrp .b-app-dl .close-area
{
	position: absolute;
	width: 72px;
	height: 75px;
	top: 0;
	left: 0
}

.b-app-dl-wrp .b-app-dl .dl-area
{
	position: absolute;
	display: inline-block;
	right: 2%;
	top: 16px;
	width: 20%;
	border-radius: 6px;
	padding: 12px 0;
	text-align: center;
	background-color: #fff;
	color: #de689c;
	font-size: .9rem
}

.b-app-dl-wrp .b-app-dl-top
{
	line-height: 44px;
	height: 38px;
	color: #fff
}

.b-app-dl-wrp .b-app-dl-bottom
{
	line-height: 26px;
	overflow: hidden;
	height: 37px;
	font-size: .8rem;
	color: #fff;
	opacity: .7
}

.bottom-btn
{
	border-right: 1px solid #ddd;
	height: 20px;
	line-height: 20px;
	width: 33%;
	box-sizing: border-box;
	float: left;
	display: inline-block;
	color: #666
}

.bottom-btn:last-child
{
	border-right: 0
}

.app-banner
{
	width: 100%;
	position: relative;
	height: 88px;
	background: #f3f3f3 url(/mobile/img/app_logo.png) no-repeat 16px center;
	background-size: 71px
}

.app-banner .app-banner-left
{
	padding-left: 100px
}

.app-banner .app-banner-left .app-banner-title
{
	font-size: 24px;
	color: #d2426c;
	padding-top: 14px
}

.app-banner .app-banner-left .app-banner-content
{
	margin-top: 6px;
	font-size: 18px;
	color: #999
}

.app-banner .app-banner-right
{
	position: absolute;
	right: 30px;
	top: 14px
}

.app-banner .app-banner-right .app-open-btn
{
	float: left;
	border-radius: 5px;
	border: 1px solid #d54972;
	padding: 16px;
	font-size: 20px;
	color: #d54972
}

.app-banner .app-banner-right .app-dl-btn
{
	float: left;
	margin-left: 16px;
	border-radius: 5px;
	border: 1px solid transparent;
	padding: 16px;
	font-size: 20px;
	color: #fff;
	background-color: #e25a82
}

.enter-link-change-hint
{
	z-index: 10010;
	position: absolute;
	top: 0;
	left: 50%;
	background: #eee;
	width: 1080px;
	height: 450px;
	margin-left: -490px;
	background: transparent url('/images/base/enter_link_change_image.png') no-repeat 300px 0
}

.widescreen .enter-link-change-hint
{
	margin-left: -400px
}

.enter-link-change-hint .enter-link-change-btn
{
	height: 54px;
	position: absolute;
	top: 395px;
	left: 50%;
	margin-left: 50px;
	cursor: pointer;
	width: 160px;
	background: transparent url('/images/base/enter_link_change_btn.png') no-repeat 0 0
}

.enter-link-change-hint .enter-link-change-btn:hover
{
	background-position: 0 -80px
}

.b-notice-em
{
	position: absolute;
	right: 0;
	left: 96px;
	bottom: -6px;
	zoom: 1
}

.b-notice-em:after
{
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	font-size: 0
}

.b-notice-em.n-collapsed
{
	left: auto
}

.b-notice-em.n-collapsed .n-wrp
{
	width: 34px;
	background-color: transparent!important
}

.b-notice-em.n-collapsed .n-wrp .n-content
{
	display: none
}

.b-notice-em.n-collapsed .n-toggle
{
	top: 0;
	right: 0;
	width: 34px;
	height: 34px;
	border-radius: 4px;
	background-color: #fdecbe
}

.b-notice-em.n-collapsed .n-toggle:hover
{
	background-color: #b64906
}

.b-notice-em.n-collapsed .n-toggle:hover .b-icon-notice
{
	background-position: -719px -847px
}

.b-notice-em.n-collapsed .n-toggle .b-icon-notice
{
	display: block
}

.b-notice-em.n-collapsed .n-toggle .n-close
{
	display: none
}

.b-notice-em.n-collapsed.n-warning .n-toggle
{
	background-color: #f7cac9
}

.b-notice-em.n-collapsed.n-warning .n-toggle:hover
{
	background-color: #e40c0c
}

.b-notice-em.n-collapsed.n-warning .n-toggle:hover .b-icon-notice
{
	background-position: -719px -784px
}

.b-notice-em .n-toggle
{
	position: absolute;
	right: 9px;
	top: 9px;
	width: 16px;
	height: 16px;
	cursor: pointer
}

.b-notice-em .n-toggle .b-icon-notice
{
	display: none;
	width: 34px;
	height: 34px;
	background: url('../images/icons.png') -655px -847px no-repeat
}

.b-notice-em .n-toggle .n-close
{
	display: block;
	width: 16px;
	height: 16px;
	background: url('../images/icons.png') -473px -1176px no-repeat
}

.b-notice-em .n-toggle .n-close:hover
{
	background-position: -537px -1112px
}

.b-notice-em .n-wrp
{
	float: right;
	width: 100%;
	border-radius: 4px;
	background-color: #fdecbe;
	line-height: 20px;
	min-height: 34px;
	overflow: hidden
}

.b-notice-em .n-wrp .n-content
{
	padding: 7px 30px 7px 10px;
	word-wrap: break-word;
	white-space: normal;
	color: #b64906
}

.b-notice-em .n-wrp .n-content a
{
	color: #b64906
}

.b-notice-em.n-warning .n-wrp
{
	background-color: #e40c0c
}

.b-notice-em.n-warning .n-wrp .n-content
{
	color: #fff
}

.b-notice-em.n-warning .n-wrp .n-content a
{
	color: #fff
}

.b-notice-em.n-warning .n-toggle .b-icon-notice
{
	background-position: -655px -784px
}

.b-notice-em.n-warning .n-toggle .n-close
{
	background-position: -473px -1112px
}

.b-notice-em.n-warning .n-toggle .n-close:hover
{
	background-position: -537px -1112px
}

.charge-entrance
{
	width: 270px;
	height: auto
}

.charge-entrance .charge-support
{
	width: 268px;
	height: 175px;
	position: relative;
	border-radius: 5px;
	background: #fff
}

.charge-entrance .charge-support .charge-data
{
	display: block;
	width: 100%
}

.charge-entrance .charge-support span
{
	display: block;
	float: left;
	width: 142px;
	height: 58px;
	line-height: 58px;
	padding-left: 20px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis
}

.charge-entrance .charge-support button
{
	display: inline-block;
	margin-top: 10px;
	height: 32px;
	width: 91px;
	background: #f25d8e;
	color: #fff;
	border: 0;
	border-radius: 5px
}

.charge-entrance .charge-support .charge-support-num
{
	position: absolute;
	top: 90px;
	left: 10px;
	width: 100px;
	line-height: 1.8
}

.charge-entrance .charge-support .charge-support-num span
{
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold
}

.charge-entrance .charge-support .charge-support-num span.font-big
{
	font-size: 36px
}

.charge-entrance .charge-rank
{
	width: 268px;
	height: auto;
	margin-top: 18px
}

.charge-entrance .charge-rank .charge-rank-item
{
	height: 46px;
	padding: 0 20px;
	margin-top: 10px
}

.charge-entrance .charge-rank .charge-rank-item .charge-rank-num
{
	width: 28px;
	height: 18px;
	display: inline-block;
	font-weight: bold;
	color: #fff
}

.charge-entrance .charge-rank .charge-rank-item .charge-rank-num i
{
	display: inline-block;
	height: 18px;
	line-height: 18px;
	max-width: 26px;
	min-width: 18px;
	text-align: center;
	border-radius: 5px;
	background: #b8c0cc
}

.charge-entrance .charge-rank .charge-rank-item .charge-rank-num i.pink
{
	background: #f25d8e
}

.charge-entrance .charge-rank .charge-rank-item img
{
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 18px
}

.charge-entrance .charge-rank .charge-rank-item .charge-rank-name
{
	width: 149px;
	height: 36px;
	line-height: 36px;
	margin-left: 12px;
	float: right;
	overflow: hidden;
	text-overflow: ellipsis
}

.charge-entrance .charge-rank .charge-rank-support
{
	display: block;
	height: 50px;
	padding-left: 20px;
	line-height: 50px;
	font-size: 12px;
	color: #00a1d6;
	border-top: 1px solid #ddd
}

.charge-entrance .charge-empty
{
	display: none;
	padding-top: 10px;
	text-align: center;
	line-height: 3.0
}

.charge-entrance .charge-empty.show
{
	display: block
}

.a-layer.brand
{
	padding: 0
}

.a-layer .brand_content
{
	width: 343px;
	height: 86px;
	padding: 26px 27px 0 0
}

.brand_content .nameplate-image
{
	float: left;
	padding: 0 20px;
	width: 62px;
	height: 62px;
	border-right: 1px solid #e5e9ef
}

.brand_content .nameplate-image img
{
	width: 100%
}

.brand_content .nameplate-content
{
	float: left;
	width: 225px;
	height: 60px;
	margin-left: 15px
}

.brand_content .nameplate-content .nameplate-name
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 12px;
	color: #222
}

.brand_content .nameplate-content .nameplate-condition
{
	font-size: 12px;
	margin-bottom: 7px;
	color: #222
}

.nameplate-level span
{
	float: left;
	color: #99a2aa
}

.nameplate-level a
{
	float: right;
	color: #00a1d6;
	text-decoration: none
}

.a-layer.brand .arrow
{
	width: 7px;
	height: 13px;
	left: -7px;
	top: 10px
}

#index_container #b_tag_promote .b-r
{
	min-height: 0;
	height: auto
}

#b_tag_promote .r-promote
{
	display: block;
	position: relative;
	float: right;
	width: 250px;
	margin-top: 44px
}

#b_tag_promote .r-promote img
{
	max-width: 100%;
	width: 100%;
	height: 100px
}

#b_tag_promote .r-promote .tag-mask
{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100px;
	background: url("/images/base/tag-mask.png") no-repeat;
	z-index: 1
}

#b_tag_promote .r-promote .t
{
	margin-top: 12px;
	text-align: right
}

#b_tag_promote .r-promote .t>span
{
	display: inline-block;
	vertical-align: middle;
	color: #6d757a
}

#b_tag_promote .r-promote .t .btn-subscribe
{
	margin-left: 12px;
	width: 100px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	background-color: #00a1d6;
	cursor: pointer
}

#b_tag_promote .r-promote .t .btn-subscribe i
{
	display: none;
	margin-right: 8px;
	background-position: -666px -603px
}

#b_tag_promote .r-promote .t .btn-subscribe.subscribed
{
	color: #6d757a;
	background-color: transparent;
	-webkit-box-shadow: inset 0 0 0 1px #00a1d6;
	box-shadow: inset 0 0 0 1px #00a1d6
}

#b_tag_promote .r-promote .t .btn-subscribe.unsubscribed i
{
	display: inline-block
}

#index_container #b_guochuang .bgm-calendar .c-list-scroll-wrp
{
	height: 180px
}

#index_container #b_guochuang .b-l.bgm-calendar .b-body
{
	padding: 30px 0 0
}

#index_container #b_guochuang .b-l.bgm-calendar .c-list li.no-data
{
	height: 180px!important;
	background-position: center -10px
}

#index_container #b_guochuang .b-r.bgm-calendar
{
	min-height: 252px;
	height: 252px
}

#index_container #b_guochuang .b-r.bgm-calendar .rlist
{
	height: 210px;
	min-height: 210px
}

#index_container #b_guochuang .b-r.bgm-calendar .rlist.top-3
{
	height: 95px;
	min-height: 95px
}

.b-sub-tag-container
{
	float: left;
	margin-left: 40px;
	width: 210px;
	height: 24px;
	overflow: hidden
}

.b-sub-tag-container ul
{
	width: 100%;
	height: 48px
}

.b-sub-tag-container ul li
{
	display: inline-block;
	margin-right: 10px;
	line-height: 24px
}

.b-sub-tag-container ul li a
{
	color: #222;
	transition: .1s
}

.b-sub-tag-container ul li a:hover
{
	color: #00a1d6
}

.b-sub-tag-container ul li a:hover .b-icon
{
	background-position: -537px -1561px
}

.b-sub-tag-container ul li .b-icon
{
	margin-top: -1px;
	margin-right: 4px;
	width: 14px;
	height: 14px;
	background-position: -473px -1561px
}

#game_top .container-top-sub
{
	height: 205px
}

#game_top .top-list-wrapper
{
	float: left;
	margin-left: 0;
	width: 559px;
	height: 185px
}

#game_top .top-list-wrapper .prev,#game_top .top-list-wrapper .next
{
	padding: 0;
	width: 35px;
	height: 58px
}

#game_top .top-list-wrapper .prev
{
	background-position: 15px -1211px
}

#game_top .top-list-wrapper .next
{
	background-position: 15px -1262px
}

#game_top .topic-preview-wrapper
{
	width: 100%
}

#game_top .container-top-sub .b-topic,#game_top .topic-preview li
{
	width: 401px;
	height: 185px
}

#game_top .top-list li
{
	margin-right: 20px;
	width: 173px
}

#game_top .top-list li .v-item
{
	position: relative;
	width: 100%;
	height: 185px;
	border: 1px solid #e5e9ef;
	border-radius: 4px;
	box-sizing: border-box;
	overflow: hidden
}

#game_top .top-list li .v-item:hover .t
{
	height: 40px;
	color: #00a1d6
}

#game_top .top-list li .v-item .preview
{
	position: relative;
	height: 108px;
	border-radius: 0
}

#game_top .top-list li .v-item .preview .b-tag
{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	margin: .5em;
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	color: #fff;
	background-color: #00a1d6;
	background-color: rgba(0,161,214,0.8)
}

#game_top .top-list li .v-item .t
{
	position: relative;
	display: block;
	margin: 8px 10px;
	color: #222;
	height: 18px;
	line-height: 18px;
	background-color: #fff;
	transition: all .2s linear;
	z-index: 2
}

#game_top .top-list li .v-item .i
{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 10px;
	width: 100%;
	box-sizing: border-box;
	z-index: 1
}

#game_top .top-list li .v-item .i .i-3
{
	display: block;
	width: 100%
}

#game_top .top-list li .v-item .i span
{
	display: inline-block;
	vertical-align: top;
	width: 74px;
	height: 14px;
	margin-bottom: 6px;
	line-height: 12px;
	color: #99a2aa;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

#game_top .top-list li .v-item .i .b-icon
{
	vertical-align: top;
	margin-right: 5px
}

.widescreen .b-sub-tag-container
{
	width: 390px
}

.widescreen #game_top .container-top-sub
{
	height: 236px
}

.widescreen #game_top .top-list-wrapper
{
	float: left;
	margin-left: 0;
	width: 670px;
	height: 216px
}

.widescreen #game_top .container-top-sub .b-topic,.widescreen #game_top .topic-preview li
{
	width: 470px;
	height: 216px
}

.widescreen #game_top .top-list li
{
	width: 210px
}

.widescreen #game_top .top-list li .v-item
{
	height: 216px
}

.widescreen #game_top .top-list li .v-item:hover .t
{
	height: 40px
}

.widescreen #game_top .top-list li .v-item .preview
{
	height: 131px;
	border-radius: 0
}

.widescreen #game_top .top-list li .v-item .t
{
	margin: 10px 12px;
	height: 20px;
	line-height: 20px
}

.widescreen #game_top .top-list li .v-item .i
{
	padding: 6px 12px
}

#game_promote
{
	margin-bottom: 20px
}

#game_promote .b-subtitle
{
	position: absolute;
	bottom: 0;
	margin-left: 16px;
	color: #99a2aa
}

#game_promote .b-refresh
{
	float: right;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #ccd0d7;
	border-radius: 4px;
	height: 22px;
	padding: 0 10px
}

#game_promote .b-refresh:hover .icon-refresh
{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

#game_promote .b-refresh .icon-refresh
{
	background: url('../images/icons.png') -475px -89px no-repeat;
	display: inline-block;
	width: 12px;
	height: 13px;
	vertical-align: top;
	transition: .2s;
	margin-top: 5px
}

#game_promote .b-refresh .info
{
	display: inline-block;
	vertical-align: top;
	line-height: 22px;
	margin-left: 5px
}

#game_promote .b-r[data-active="1"] .remark
{
	background: url("/images/game/tv.png") no-repeat -10px 0
}

#game_promote .b-r[data-active="2"] .remark
{
	background: url("/images/game/22.png") no-repeat -10px 0
}

#game_promote .b-r[data-active="3"] .remark
{
	background: url("/images/game/33.png") no-repeat -10px 0
}

#game_promote .b-r .b-head-t
{
	cursor: default
}

#game_promote .b-r .b-head-t:hover:before,#game_promote .b-r .b-head-t:hover:after
{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: transform .2s,opacity .2s
}

#game_promote .b-r .b-head-t:before,#game_promote .b-r .b-head-t:after
{
	opacity: 0;
	filter: alpha(opacity=0);
	transition: transform 0s .4s,opacity .2s .2s;
	-webkit-transform: scale(0.5);
	transform: scale(0.5)
}

#game_promote .b-r .b-head-t:before
{
	content: "";
	top: -5px;
	left: 22px;
	position: absolute;
	height: 5px;
	width: 8px;
	background: url(/images/v3images/arrow.png) 0 -18px no-repeat;
	z-index: 1
}

#game_promote .b-r .b-head-t:after
{
	content: attr(data-desc);
	position: absolute;
	top: -32px;
	left: -54px;
	padding: 4px 12px;
	max-width: 316px;
	font-size: 12px;
	line-height: 18px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: nowrap;
	background-color: #fff;
	border: 1px solid #e5e9ef;
	border-radius: 4px;
	transform-origin: 54px 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

#game_promote .b-r .b-body
{
	position: relative;
	padding: 1px;
	width: 260px;
	height: 141px;
	background: url("/images/game/pspbg.png") no-repeat center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#game_promote .b-r .topic-wrap
{
	position: relative;
	margin-left: 52px;
	margin-top: 19px;
	width: 156px;
	height: 102px;
	border-radius: 4px;
	box-shadow: 0 0 0 2px #aebad2;
	overflow: hidden
}

#game_promote .b-r .topic li
{
	position: relative;
	width: 156px;
	height: 102px
}

#game_promote .b-r .topic li:hover .t-wrapper
{
	top: 0;
	height: 100%;
	background: rgba(0,0,0,0.7)
}

#game_promote .b-r .topic li:hover .t-wrapper .author,#game_promote .b-r .topic li:hover .t-wrapper .play
{
	opacity: 1
}

#game_promote .b-r .topic li:hover .watch-later
{
	opacity: 1
}

#game_promote .b-r .topic li .watch-later
{
	width: 22px;
	height: 22px;
	position: absolute;
	background-image: url(/images/base/watchlater-1.png);
	transition: opacity .2s;
	opacity: 0;
	bottom: 8px;
	right: 6px;
	z-index: 1
}

#game_promote .b-r .topic li .watch-later.on
{
	background-image: url(/images/base/watchlater-2.png)
}

#game_promote .b-r .topic img
{
	max-width: 100%;
	width: 100%;
	min-height: 100%
}

#game_promote .b-r .topic .t-wrapper
{
	position: absolute;
	left: 0;
	top: 70px;
	width: 150px;
	height: 100%;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding: 10px 5px;
	overflow: hidden;
	background: #000;
	background: -webkit-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.6) 65%,rgba(0,0,0,0.9));
	background: -o-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.6) 65%,rgba(0,0,0,0.9));
	background: -moz-linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.6) 65%,rgba(0,0,0,0.9));
	background: linear-gradient(transparent,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.6) 65%,rgba(0,0,0,0.9))
}

#game_promote .b-r .topic .t-wrapper .t
{
	color: #fff;
	height: 40px;
	overflow: hidden;
	margin-bottom: 5px
}

#game_promote .b-r .topic .t-wrapper .author,#game_promote .b-r .topic .t-wrapper .play
{
	opacity: 0;
	color: #99a2aa;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	transition: all .6s
}

#game_promote .b-r .switcher
{
	position: absolute;
	top: 30px;
	left: 18px
}

#game_promote .b-r .switcher li
{
	margin-bottom: 8px;
	width: 18px;
	height: 18px;
	border: 2px solid #aebad2;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer
}

#game_promote .b-r .switcher li.on
{
	background-color: #00a1d6;
	border-color: #4e5785
}

#game_promote .b-r .remark
{
	position: absolute;
	bottom: -36px;
	right: -70px;
	width: 254px;
	height: 134px
}

#game_promote .b-r .remark li
{
	display: none;
	position: absolute;
	bottom: 11px;
	left: 11px;
	width: 150px;
	height: 32px;
	color: #222;
	overflow: hidden
}

#music_top .container-top-sub .b-topic,#music_top .container-top-sub .topic-preview-wrapper
{
	width: 440px
}

#music_top .container-top-sub .b-topic .topic-preview li,#music_top .container-top-sub .topic-preview-wrapper .topic-preview li
{
	width: 440px
}

#music_top .top-list li .preview .b-tag
{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	margin: .5em;
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	color: #fff;
	background-color: #00a1d6;
	background-color: rgba(0,161,214,0.8)
}[area="54"] [type="hot_original"]
{
	display: none
}[data-cover-preview="true"] .cover-preview
{
	position: relative
}[data-cover-preview="true"] .cover-preview .medal
{
	opacity: 1;
	transition: opacity .2s
}[data-cover-preview="true"] .cover-preview .x
{
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	line-height: 20px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	overflow: hidden;
	transition: .2s;
	border-top-left-radius: 4px
}[data-cover-preview="true"] .cover-preview .x .x2
{
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0 5px 0 5px;
	font-weight: normal;
	font-family: tahoma,arial,'å®‹ä½“',sans-serif;
	color: #fff
}[data-cover-preview="true"] .cover-preview .x .x2.pgc
{
	left: initial;
	right: 0
}[data-cover-preview="true"] .cover-preview .back,[data-cover-preview="true"] .cover-preview .back:before,[data-cover-preview="true"] .cover-preview .fore
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 0
}[data-cover-preview="true"] .cover-preview .back
{
	background-color: rgba(0,0,0,0);
	transition: opacity .2s .3s
}[data-cover-preview="true"] .cover-preview .back:before
{
	content: "";
	background-color: #000;
	opacity: 1
}[data-cover-preview="true"] .cover-preview .back div
{
	position: relative;
	margin-top: 10px;
	width: 160px;
	height: 90px
}[data-cover-preview="true"] .cover-preview .fore
{
	background-color: rgba(0,0,0,0.2);
	transition: opacity .2s
}[data-cover-preview="true"] .cover-preview .fore span[data-loading="true"]
{
	display: block;
	margin: 4px;
	width: 16px;
	height: 16px;
	background: url("/images/base/loading2.png") no-repeat;
	-webkit-animation: cover-preview-loading .5s linear infinite;
	-moz-animation: cover-preview-loading .5s linear infinite;
	animation: cover-preview-loading .5s linear infinite
}[data-cover-preview="true"] .cover-preview .fore .bar
{
	margin: 5px;
	height: 2px;
	background-color: rgba(255,255,255,0.4);
	border-radius: 1px;
	opacity: 0;
	transition: opacity .2s .3s
}[data-cover-preview="true"] .cover-preview .fore .bar div
{
	width: 0;
	height: 2px;
	border-radius: 1px
}[data-cover-preview="true"] .cover-preview:hover .medal
{
	opacity: 0
}[data-cover-preview="true"] .cover-preview:hover .x
{
	visibility: visible;
	opacity: 1;
	background: transparent
}[data-cover-preview="true"] .cover-preview:hover .fore
{
	opacity: 1
}[data-cover-preview="true"] .cover-preview[data-cover-loaded]:hover .back
{
	opacity: 1
}[data-cover-preview="true"] .cover-preview[data-cover-loaded]:hover .fore .bar
{
	opacity: 1
}[data-cover-preview="true"] .cover-preview[data-cover-loaded]:hover .fore .bar div
{
	background-color: #fff
}

@-webkit-keyframes cover-preview-loading
{
	from
	{
		-webkit-transform: rotate(0deg)
	}

	to
	{
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes cover-preview-loading
{
	from
	{
		-moz-transform: rotate(0deg)
	}

	to
	{
		-moz-transform: rotate(360deg)
	}
}

@keyframes cover-preview-loading
{
	from
	{
		transform: rotate(0deg)
	}

	to
	{
		transform: rotate(360deg)
	}
}

